14、级联样式表（CSS）入门与应用

级联样式表（CSS）入门与应用

1. 引言

在网页开发中，之前我们使用可扩展超文本标记语言（XHTML）来标记要在浏览器中呈现的信息。现在，我们将重点转移到信息的格式化和呈现上，这就需要用到万维网联盟（W3C）的一项技术——级联样式表（CSS）。CSS 允许文档作者将网页元素的呈现（如字体、间距、颜色等）与文档的结构（章节标题、正文文本、链接等）分开指定。这种结构与呈现的分离简化了网页的维护和修改。

XHTML 主要用于指定文档的内容和结构，虽然它有一些控制呈现的属性，但最好不要将呈现与内容混合。如果网站的呈现完全由样式表决定，网页设计师只需更换一个新的样式表，就可以完全改变网站的外观。CSS 提供了一种在 XHTML 之外应用样式的方法，让 XHTML 决定内容，而 CSS 决定内容的呈现方式。

和 XHTML 一样，W3C 提供了一个 CSS 代码验证器，位于 jigsaw.w3.org/css-validator/。使用这个工具验证所有 CSS 代码是个好主意，以确保代码正确，并能在尽可能多的浏览器上正常工作。

目前，W3C 的 CSS 规范处于第二个主要版本，第三个版本正在开发中。大多数主流浏览器的当前版本支持 CSS 2 的大部分功能，这使得程序员能够充分利用其特性。在本文中，我们将介绍 CSS，展示 CSS 2 中引入的一些特性，并讨论即将推出的 CSS 3 的一些特性。

需要注意的是，示例代码在 Internet Explorer 7 和 Firefox 2 中进行了测试。许多其他浏览器（如 Safari、Opera、Konqueror）的最新版本应该能正确呈现这些示例，但未进行测试。本章的一些示例在较旧的浏览器（如 Inte