什么是CSS?

CSS是层叠样式表的缩写，通常是描述互联网上的网页页面和标记文档(如HTML和XML)的外观和格式的主要语言。

像HTML这样的标记语言一开始就是用来为格式和外观提供信息的，但很快就发现，这一工作分成两层来做比较好：文档内容和文档的表现，而CSS就是用于完成后者的，历史上来说这就是为什么HTML拥有像字体这样的标签，其唯一的目的是能够局部地调试字体族颜色和大小，这些工作如今由CSS完成，从而使得开发者在相同文档的各处甚或是不同文档间重复使用(相同)格式规则，如下是一个证明我的看法的例子，如果不能看明白不用担心，其中各个方面都会在这个教程当中被解释到。

早期在文字格式的撰寫上只使用HTML：

This is a piece of
<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>text</b></i></font> with
<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>highlighted</b></i></font> elements in
<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>it</b></i></font>.

用CSS得到的一个现代的处理办法：

<style type="text/css">
.highlight {
	color: Blue;
	font-style: italic;
	font-weight: bold;
	font-size: 120%;
	font-family: Tahoma, Verdana, Arial;
}
</style>

This is a piece of
<span class="highlight">text</span> with
<span class="highlight">highlighted</span> elements in
<span class="highlight">it</span>.

注意到我是如何简单地在HTML标签间重复使用相同的一族规则的，当我需三次使用该规则的时候就体现了CSS现代处理办法的优势，就像我们在例子中做的那样，但是并不仅此而已：把CSS放到一个外部样式表文件（后续会有介绍）当中，你就可以在整个网页当中，使用相同的格式规则了。另外当你打算把高亮文本从蓝色改成红色的时候该怎么办呢？如果一开始使用的是上面的第一个方法的话，你需要在各个标签处分别手动修改，而如果是第二个办法，你只需要单一地改动“.highlight”下面的规则

总结

CSS允许你轻而易举地将格式和布局的规则布置到你的HTML元素上面，并之后在多个元素甚至多个页面当中重复地使用这些规则。在这个介绍章节中，我们会看一些CSS的代码，但是我们不会谈到他是如何运作的，以及为何它们看起来是这样，这将是下几个章节的内容，那里我们会从零教起，细节地解释它们。