本文是一篇关于CSS的应用概述，并提供了一些示例来演示CSS是如何工作的，以便于你更加有效的学习CSS。
本文并不是参考或者兼容性指南一类的文章（尽管其中有一些非常好的参考和兼容性注解的链接)。如果你已经习惯了使用CSS，并想学到更多样式表的知识，我们保证你会在本文中能够找到一些非常有用的信息:)。
●CSS不能做什么？
层叠样式表通常被理解为实现“内容”和“风格”分开的手段。其实这种说法并不完全正确，因为根据你对“风格”和“内容”的定义不同，层叠样式表的作用也不尽相同。
HTML定义了文档的结构，同时将正文和图像及其他资料通过标记(tags)组织到一起。而CSS并不能影响文档的结构组成。
层叠样式表(CSS)所做的是定义这些元素以什么样的版式、什么样的颜色、间距……显示到页面当中，它还可以影响页面内容的布局,却不可能改变页面的结构。CSS只能在有限的限度内应用于元素(不是万能的)，而文档元素的结构还是要通过标记语言HTML来定义。
●使用CSS有什么好处？
所有的HTML标记(Tags)都有各自默认的样式(style).也就是说,浏览器会按照一定的基本规则来解释和显示每一个标记中的内容，但是我们通过内联样式(inline style)就可以优先于浏览器的默认样式来控制内容的显示样式。浏览器默认的样式表优先权最低。内联样式示例如下：
<p style=”float:right;margin-left:1em;width:50%”>Some text.</p>
内联样式影响的仅仅是某些特定的标记，如上面示例当中的<P>…</P>。而层叠样式表却提供了应用于所有给定标记样式或者特定子集合样式的途经。
CSS允许你设置与内容文档分离的“批量”样式表文档，和样式内嵌(inline style)至HTML代码当中的方法不同，这就是样式表使“内容”和“样式”分离说法的由来。同时，层叠样式表文档可以让更多的内容文档共享使用。
●包含样式表
每一个样式表都是一系列的样式规则的集合。可以在内容文档的<HEAD>…</HEAD>之间使用STYLE标记来定义，示例如下：
<style type=”text/css”>
…style rules…
</style>
或者象调用JavaScript脚本文件那样通过URL链接到外部样式表文件，外联样式表利用 LINK 标记来设置，位置在内容文件的<HEAD>…</HEAD>内，示例如下：
<link href=”url” rel=”stylesheet” type=”text/css”>
注：在WEB站点内共享一个公共样式表是非常有用的，只要修改公共样式表，就能够影响所有调用该样式表的内容文档。
第 1 2 3 页
