什么是规则或者“规则集”?

介绍

一个规则或者“规则集”指能够使浏览器在一个HTML页面里识别某些特定的元素的一种声明。一个规则集包括一个能够制定某一声明块的选择器。

规则结构

rule.gif

选择器

选择器能够在一个HTML页面内选择能被一个规则集指定的元素。选择器包含了在第一个最左边的大括号内的一切内容。例如:

h1 { color: blue; margin-top: 1em; }
p { padding: 5px; }
td { background-color: #ddd; }

声明块

一个声明块是指包含大括号之间一切内容的容器。声明块中的空格被忽略 - 因此我们可以随心所欲地使用它定义样式。例如:

h1 { color: blue; }
p { padding: 5px; }
td { background-color: #ddd; }

或者带上空格是其更有可读性:

h1
{
color: blue;
}

声明

声明告诉浏览器如何在一个页面中画出任何被选元素。一个声明包含属性和值,用一个“:”隔开。尽管为每一个声明添加一个分号并不是很重要,但是我们仍然建议在每定义完一个样式之后加一个分号。例如:

h1 { color: blue; }

属性

属性是指您所选择的元素的样式。每一个声明内部只允许有一种属性。例如:

p { padding: 5px; }

值是指您想为属性所设置的精确的样式。例如:

p { padding:5px; }

更多信息

群组声明 »

其他的Max Design 文章和演讲
相关链接 webstandardsgroup.org