响应式布局
响应式布局
响应式布局是一种网页设计方法，使网页能够根据用户设备的屏幕尺寸、分辨率、方向（横屏/竖屏）等特性自动调整布局和内容，提供一致且优化的用户体验。其核心目标是“一次设计，多端适配”。
媒体查询
媒体查询是CSS3中的一个强大功能，它允许开发者根据设备的特定特性（如屏幕宽度、高度、方向、分辨率等）来应用不同的CSS样式。媒体查询是实现响应式网页设计（Response Web Design）的核心技术。
Bootstrap框架
Bootstrap是由Twitter团队开发的开源前端框架，用于快速构建响应式、移动优先的网站和Web应用程序。它提供了一套完整的HTML、CSS和JavaScript组件，使开发者可以轻松实现现代化的UI设计。
- 提供大量预定义样式和组件，减少重复代码。
- 开发者可以专注于业务逻辑，而不必从零开始写CSS。
Bootstrap使用：
1.下载并引入相关文件。
2.学习官方文档指引，学习框架相关语法。
内容（content）
内容包含：字体排版比如标题、段落以及图片、表格、表单等。
实用工具
实用工具包含：CSS常见样式比如背景、边框、颜色等。
组件（components）
Bootstrap组件是预定义的网页元素，具有各种不同的功能，从呈现内容到用户交互都有涵盖。
常见的Bootstrap组件比如徽章、按钮、卡片、轮播图、导航栏、选项卡等。
布局（layout）
Bootstrap布局是我们学习的重点，重点学习里面的网格系统（栅格系统），需要学习断点、容器、栅格系统、列等相关内容。
新知识补充
TDK网站优化标签
TDK是Title、Description和Keywords三个元标签的缩写，它们是网站SEO优化的核心元素。直接影响搜索引擎对网页的理解和排名。
图片遮罩mask-image
mask-image的核心作用是通过定义一张图片或一个渐变来充当遮罩，从而控制一个元素的可视区域。
