CSS中援用外部样式表的方法
当我们需要利用相同的CSS样式到很多网页上时，最好的方式就是将CSS样式代码分离出来，封装成单独的文件，然后在网页中援用这个文件。这样，我们就能够在多个网页中保护一样的样式代码，而不用重复编写屡次。下面介绍CSS中援用外部样式表的方法。
1.创建CSS文件
首先，创建一个纯文本文件，并将文件名后缀改成.css。这个文件就是我们的CSS样式文件。在这个文件中，我们可以编写任何CSS样式代码，就像在网页中编写的一样，只是没有包围全部代码的HTML标记。比如以下这个文件：
body{background-color:f5f5f5;color:333;font-family:Arial,sans-serif;}h1{color:ff6600;font-size:36px;}2.将CSS文件上传到服务器
将CSS文件上传到我们的服务器上，通常是通过FTP客户端软件来完成的。我们可以将CSS文件放在网站的根目录下或某个子目录下，根据需要来组织文件结构。注意，在CSS文件上传到服务器后，需要确保文件的访问路径（URL）是正确的。
3.在网页中援用CSS文件
在HTML文档中，使用link元夙来援用CSS文件。link元素一定要放在文档的head部份，而不能放在body部份。link元素具有以下几个属性：
比如，以下是在HTML中援用CSS文件的代码：
<head><linkrel=stylesheettype=text/csshref=styles.css></head>
这个代码片断表示，我们想在这个网页中援用一个名为styles.css的CSS文件，而这个CSS文件位于当前网站的根目录下。如果这个CSS文件位于一个子目录下，比如位于assets/styles/styles.css，那末代码片断应当写成：
<head><linkrel=stylesheettype=text/csshref=assets/styles/styles.css></head>
这个代码片断中，href属性的值就是这个CSS文件的相对路径。
4.多个CSS文件的援用顺序
如果我们在一个网页中援用了多个CSS文件，那末这些文件的顺序很重要。后面的CSS文件会覆盖前面的CSS文件中的同名样式。所以，通常为先援用全局通用的CSS文件，然后再援用特定网页的CSS文件。如果有多个特定网页的CSS文件，应当依照网页出现的顺序来援用。
5.CSS文件的版本控制
当我们对CSS文件进行修改时，可能会致使用户浏览器中缓存的CSS文件不是最新的。为了不这个问题，我们可以在CSS文件的URL中添加一个版本号，强迫浏览器重新下载CSS文件。
比如，以下代码指定了CSS文件的URL为styles.css?v=1.0：
<head><linkrel=stylesheettype=text/csshref=styles.css?v=1.0></head>
这个代码片断中，v=1.0就是版本号，表示这个CSS文件的版本是1.0。如果我们更新了这个CSS文件，就能够将版本号修改成v=1.1或别的值，这样浏览器就会重新下载这个CSS文件。
6.外部CSS文件的优点
使用外部CSS文件的优点有：
7.总结
通过将CSS样式代码分离出来，封装成外部CSS文件，并在网页中援用这个文件，可以提高代码可保护性，提高网页加载速度，易于更新和修改，增强浏览器兼容性。我们推荐在网站开发进程中使用外部CSS文件来管理样式代码。
桂哥网络www.guIGege.cn
1对1专业客服
24小时服务支持
365天无间断服务
5分钟快速响应TOP
