2、CSS 实用指南：语法、应用与故障排除

CSS 实用指南：语法、应用与故障排除

1. CSS 文档结构

CSS 样式规则的基本语法为 selector {property: value;} ，这与 HTML 标签结构相似。例如：

<tagname attribute="value"></tagname>
selector {property: value; }

在样式规则中，选择器（selector）用于指定受规则影响的 HTML 元素，它位于花括号之前。声明块是两个花括号之间的内容，样式声明是 property: value 对。单个声明时，末尾的分号不是必需的，但为了分隔多个声明，建议所有声明都以分号结尾。

样式规则可以有以下几种形式：
- 多个属性值对： selector {property: value; property: value; property: value;}
- 一个属性多个值： selector {property: value, value, value;}
- 多个选择器共用一组属性值： selector1, selector2, selector3 {property: value; property: value;}

与 HTML 不同，CSS 样式规则必须有选择器、属性和值。缺少任何一个部分，浏览器都无法正确渲染样式。拼写错误、使用不当术语和不被接受的值也会导致 CSS