HTML5 是超文本标记语言（HTML）的第五个主要版本，用于构建和呈现网页内容。相比早期版本，HTML5 引入了更多语义化标签、多媒体支持、离线存储等功能，同时简化了语法结构。核心特性语义化标签：如<header><footer><article>，提升代码可读性和搜索引擎优化。多媒体支持：原生支持<audio>和<video>标签，无需第三方插件。图形绘制：通过<canvas>和 SVG 实现

*均分,均等分 */其核心思想是让容器能够动态调整子元素的排列方式，适应不同屏幕尺寸和设备。/* 块级元素 flex 弹性布局 */Flex布局简化了复杂布局的实现，尤其适合需要动态调整的界面设计。Flex布局（弹性盒子布局）是CSS3中用于页面布局的模块，通过。子元素在交叉轴上的对齐方式（定义子元素的放大比例，默认为。定义子元素的缩小比例，默认为。定义子元素的初始大小，默认为。

字体图标（如 Font Awesome、Material Icons）通过字符编码显示为矢量图形，具有缩放无损、颜色可调、加载速度快等优势。若无符合条件的祖先，则相对于视口（viewport）。固定定位，元素脱离文档流，相对于视口定位，滚动页面时位置不变。通过合理使用定位和字体图标，可以高效实现复杂布局和视觉优化。相对定位，元素仍占据文档流中的原始空间，但可以通过。默认定位方式，元素遵循正常的文档

CSS3 渐变用于创建平滑过渡的颜色效果，主要分为线性渐变和径向渐变。

属性实现，比平面转换多一Z轴，允许对元素进行旋转、缩放、倾斜或平移。等比例放大 1.5 倍。沿 X 和 Y 轴倾斜。以元素中心为原点旋转。

Grid 布局适合整体页面框架、卡片网格、仪表盘等复杂布局场景，与 Flexbox 配合使用可覆盖绝大多数布局需求。效果：顶部通栏Header，左侧固定宽度Sidebar，右侧自适应Main。解释：自动填充尽可能多的列，每列最小200px，空间不足时换行。表示三列，第一列固定宽度，后两列按比例分配剩余空间。当网格总尺寸小于容器时，控制整个网格的对齐方式（如。将元素定义为网格容器，子元素自动成为网格

响应式布局是一种网页设计方法，确保页面在不同设备（如PC、平板、手机）上都能自适应显示。核心是通过CSS3的媒体查询（Media Queries）、弹性布局（Flexbox）和网格布局（Grid）等技术实现。它定义了元素内容（如图片、视频帧）在容器的宽高约束下，如何调整尺寸和位置。通过结合以上技术，可以构建适配多终端的响应式页面，提升用户体验。通过检测设备特征（如屏幕宽度、分辨率）应用不同的CSS

Git 是目前最流行的分布式版本控制系统，用于高效管理项目代码的版本迭代、协作开发和代码追踪。