迄今为止，我们一直将注意力放在HTML文档的结构上。实际上，这也是当今网络发展所要面临的一个问题：多数人都忽略了文档的内部结构，而这种内部结构和我们平时所见的结构不一样。所以为了在网络上创建最酷的网页，我们通常扭曲，甚至忽略了网页也应该包含结构信息这一思想。
然而，这种结构却是联系HTML和CSS的纽带；如果没有这个结构，它们之间根本就不会存在任何关系。为了更好地理解这一点，让我们来看一个HTML文档实例，其标记和解析结果如下所示：
现在，让我们检查一下文档的每个组成部分。
LlNK标签
首先来看一下LINK标签的使用。LINK标签很少引人注意，但它却是个非常有用的标签，而且它出现在HTML规范中已有多年了，有望发挥更好的作用。它最基本的用途是允许HTML制作者在一个文档中链接其他的文档。CSS1用它来为HTML文档链接样式表；在上图中，名叫sheet1.css的样式表被链接到文档中。
虽然这些样式表并不是HTML文档的一部分，但仍然被当作外部样式表使用，它们对于HTML文档来说是外部的。为了成功地载入一个外部样式表，LINK标签必须放在HEAD元素里，而不能放在任何其他元素里，即使是TITLE或STYLE这样的元素也不行。这样，网络浏览器就能定位和载人样式表，而且用它所包含的所有样式规则作用于HTML。
那么外部样式表的格式是怎样的呢?它只是一个简单的规则列表，就像在前面看到的那样，但在这种情形下，所有规则都存放在它们自己的文件里。请记住，HTML或任何其他标记语言都不能包含在样式表里——样式表里只能有样式规则。下面就是一个外部样式表的标记：
H1{color:red;}
H2{color:maroon;background:white;}
H3{color:white;background:black;font:medium Helvetica;}
这就是所有的东西——没有STYLE标签，也没有任何HTML标签，只有平淡而简单的样式声明。这些规则存放在一个简易的文本文件里，而且通常给其一个扩展名.css，如sheet1．css。
文件的扩展名并不是必需的，但某些浏览器只能识别以.css为扩展名的样式表，即使网页的LINK元素里包含了正确的text/CSS类型。因此，一定要给样式表取个合适的名字。