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