HTML 颜色基本介绍HTML 颜色用于设置网页元素的颜色，可以通过名称、十六进制值、RGB、RGBA、HSL 或 HSLA 来指定。颜色表示方法1. 颜色名称HTML 支持 140 种标准颜色名称2. 十六进制值格式：#RRGGBB，其中 RR(红)、GG(绿)、BB(蓝)是十六进制值(00-FF)3. RGB 值格式：rgb(red, green, blue)，每个参数定义 0-255 之间的

HTML 强调标签：em - 表示强调，默认斜体显示strong - 表示重要内容，默认加粗显示i - 表示技术术语/外文短语等，默认斜体b - 表示关键词/产品名等，默认加粗CSS扩展方法：修改强调样式：伪元素强调：动画强调：文本装饰强调：

CSS 阴影效果属性：box-shadow属性：box-shadow: h-offset v-offset blur spread color inset;用法：为元素添加阴影效果示例：text-shadow属性：text-shadow: h-offset v-offset blur color;用法：为文本添加阴影效果示例：drop-shadow() (filter属性)属性：filter: d

Flex布局与Grid布局的对比1. 核心概念Flex布局：一维布局模型，用于处理行或列方向的布局。Grid布局：二维布局模型，可同时处理行和列方向的布局。2. 主要用途Flex布局：适合组件内部排列（如导航栏、卡片内容）。Grid布局：适合整体页面结构（如网格系统、复杂布局）。3. 示例与用法Flex布局示例关键属性：flex-direction：控制主轴方向（row/column）。flex-

align-self: auto作用：继承父容器的 align-items 值。示例：效果：子项垂直居中（与父容器 align-items 一致）。align-self: stretch作用：拉伸子项以填满交叉轴方向的空间（高度/宽度）。示例：效果：子项高度变为 200px（与父容器等高）。关键区别auto：依赖父容器的 align-items。stretch：强制拉伸，无视父容器设置。适用场景a