CSS入门经典（第3版） - 样式表组成（22）

2.5.1 包含内嵌样式表

可以将<style type="text/css"></style>元素添加到文档的<head>元素中，通过这种方法在文档中内嵌样式表。在<style>标签内部，可以采用本章之前介绍的相同方式添加CSS。

内嵌样式表对于开发和调试十分有用。在开发一个页面时，直接在文档中包含CSS可以避免浏览器缓存问题，而浏览器可能会存储链接的样式表，并在刷新页面的时候不会更新它们。

不建议在站点运行的时候链接样式表；但是，链接到外部样式表也有一些优势，接下来就讨论这方面的内容。

2.5.2 链接外部样式表

外部样式表是将CSS包含到Web文档中的首选方法，因为网站中的多个页面可以共享同一个样式表，而浏览器也可以缓存样式表。缓存解放了用户，使得他们不必每发出一次更新页面的请求就下载网站的样式表，这确保了页面的快速加载，同时也节约了每个页面请求占用的带宽。

以下是使用<link>元素方法的一个示例：

以下是用<link>元素链接CSS文档所需的属性：

● rel 定义外部文档和当前文档之间的关系。在此例中，外部文档就是调用文档的样式表。

● type 指的是外部文件的MIME类型。对于CSS，其值总是text/css。

● href 与锚标记<a>一样，href也代表超链接引用。它接受样式表文档的绝对或相对路径。

绝对路径是指文件的完整路径。例如，www.example.com就是绝对路径。相对路径则触发应用程序寻找相对于请求文档的CSS文件。因此，如果示例文件的URL为www.example.com/

example.html，而CSS文档作为stylesheet.css存储在stylesheets目录下，那么<link>元素中的相对路径应该是stylesheets/stylesheet.css，而该文档的完整绝对路径应该是www.example.com/stylesheets/stylesheet.css。

当通过Web服务器而不是计算机上的文件夹来提供站点时，建议使用包含域名之后部分的绝对路径，也就是/stylesheets/stylesheet.css。