CSS 语法基础

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

例如，你可能希望将页面主标题设置为红色的大号文字。以下代码展示了一个非常简单的 CSS 规则：

cssh1 {

color: red;

font-size: 2.5em;

}

在上面的示例中，CSS 规则以一个选择器开头，用于选择我们要设置样式的 HTML 元素。在这个例子中，我们为一级标题（

）添加样式。

接着我们使用一对大括号 { }。

大括号中包含一个或多个声明，每个声明由属性和值组成。我们在冒号前指定属性（例如上述示例中的 color），并在冒号后指定该属性的值（我们为 color 属性设置取值 red）。

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

不同的 CSS 属性允许不同的取值。在我们的示例中，color 属性可以接受多种颜色值，而 font-size 属性则可以接受多种尺寸单位作为值。

一个 CSS 样式表通常包含许多这样的规则，依次书写。

cssh1 {

color: red;

font-size: 2.5em;

}

p {

color: aqua;

padding: 5px;

background: midnightblue;

}

你会发现有些属性值很快就能掌握，而其他的则需要查阅。MDN 上的各个属性页面可以快速帮助你查找属性及其可用值。

备注：所有 CSS 属性页面（以及其他 CSS 特性）都可以在 MDN 的 CSS 参考中找到。你也可以习惯使用搜索引擎查找“mdn css-特性名”，例如搜索“mdn color”或“mdn font-size”，以获取某个 CSS 特性的更多信息。