7.1　构造样式规则

样式表中的每条规则都有两个主要部分：选择器（selector）和声明块（declaration block）。选择器决定哪些元素受到影响；声明块由一个或多个属性/值对（每个属性/值对构成一条声明）组成，它们指定应该做什么（参见图7.1.1和图7.1.2）。

图7.1.1　样式规则由选择器（表示哪些元素将进行格式化）和声明块（描述要执行的格式化）组成。声明块内的每条声明都是一个由冒号隔开、以分号结尾的属性/值对。声明块以前花括号开始，以后花括号结束

图7.1.2　声明的顺序并不重要，除非对相同的属性定义了两次。在这个例子中，color: red也可以放在background: yellow前面，效果是一样的。注意额外的空格和缩进（可选，但推荐包含）提高了可读性

构造样式规则的步骤

• 输入selector，这里的selector表示希望进行格式化的元素。第9章将讲解如何创建各种类型的选择器。

• 输入{（前花括号）开始声明块。

• 输入property:value;，其中property是CSS属性的名称，描述要应用哪种格式；value是该属性允许的选项之一。本书从第8章开始讲解CSS属性和值。

• 根据需要，重复第3步。通常一行输入一个property: value（一条声明）。

• 输入}，结束声明块和样式规则。

提示　在样式规则中可以添加额外的空格、制表符或回车，从而提高样式表的可读性（参见图7.1.2）。示例中的格式或许是编码人员中最为常见的一种格式。

提示　每组属性/值对都应该使用一个分号与下一组属性/值对分开，但列表中最后一对后面的分号可以省略。不过，推荐包含这个分号，这被证明是一种最佳实践。

提示　缺少（或重复）分号会使浏览器忽略样式规则。