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) | 供开发者阅读,浏览器忽略 | /* 主题颜色 */ |