CSS 语法基础

CSS 是一种基于规则的语言——你通过指定应用于网页上特定元素或元素组的样式组来定义规则。

例如，你可能决定将页面的主标题样式设置为大的红色文本。以下代码显示了一个非常简单的 CSS 规则，可以实现此目的：

cssh1 {

color: red;

font-size: 2.5em;

}

在上面的例子中，CSS 规则以一个选择器开头。这选择了我们要应用样式的 HTML 元素。在这种情况下，我们为一级标题（

）设置样式。

然后我们包含一对花括号——{ }。

花括号内包含一个或多个声明，它们以属性和值对的形式出现。我们在冒号前指定属性（例如，上面例子中的color），在冒号后指定属性的值（red是为color属性设置的值）。

此示例包含两个声明，一个用于color，另一个用于font-size。

不同的 CSS 属性有不同的允许值。在我们的示例中，我们有color属性，它可以接受各种颜色值。我们还有font-size属性。此属性可以接受各种大小单位作为值。

CSS 样式表包含许多这样的规则，一个接一个地编写。

cssh1 {

color: red;

font-size: 2.5em;

}

p {

color: aqua;

padding: 5px;

background: midnightblue;

}

你会发现你会很快学会一些值，而其他的则需要查找。MDN 上的各个属性页面为你提供了快速查找属性及其值的方法。

注意：你可以在 MDN CSS 参考中找到所有 CSS 属性页面（以及其他 CSS 功能）的链接。另外，你应该习惯在需要了解更多 CSS 功能信息时，在自己喜欢的搜索引擎中搜索“mdn css-feature-name”。例如，尝试搜索“mdn color”或“mdn font-size”！