CSS知识概括
一个合法的 CSS 样式表（stylesheet）由一系列样式规则（style rules） 、@规则(at-rules) 以及注释(comments) 组成。其中
样式规则 ：由选择器(selector) 和声明块(declaration block) 构成。
声明块 ：一对花括号 {} 所包围的一组声明（declarations）。
每条声明 由一个属性名(property name) 和对应的属性值(property value) 组成，形式为：属性名: 属性值。
| 各重要组成部分 | 作用 | 简单示例 |
|---|---|---|
| 1. 选择器（Selectors） | 指定样式作用于哪些 HTML 元素 | h1, .btn, #header, div > p:hover |
| 2. 属性名（Property Names） | 要设置的样式 | color, font-size, display, --my-var |
| 3. 属性值（Property Values） | 为属性提供具体值 | red, 16px, rgb(255,0,0), calc(100% - 10px), var(--my-var) |
| 4. @规则（At-rules） | 控制样式行为的特殊指令 | @media, @keyframes, @import, @font-face |
| 5. 注释（Comments） | 供开发者阅读，浏览器忽略 | /* 主题颜色 */ |