当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式可以通过更改一个文件夹来改变整个网站的外观。外部引用就是指HTML文档本身不含有CSS样式定义、而是通过动态引用外部CSS文件来定义HTML文档的表现形式。通过将样式表使用单独的文件来定义，这样就可以将样式表与HTML文档分离。  

那么，样式表与HTML文档分离的优点有哪些呢？  

1、在多个文档间共享样式表，对于较大规模的网站，将CSS样式定义成一个一个独立的文档，也可以有效的提高工作效率，并且有利于维护网站风格。  

2、改变样式表，而无须更改HTML文档，这也和HTML语言内容与形式分开的原则相一致。  

3、根据介质有选择的加载样式表。  

那么，可以实现CSS文件的外部引用的方法有哪些呢？  

1、使用处理指令  

在HTML文档的开头写一个关于样式表的处理质量语句，按照这条处理令语句的指令，该文档在浏览器上的表现方式就由CSS样式文件style.css所决定。因此，CSS样式文件style.css将会被导入当前的HTML文档，最终形成内嵌的模式，就像在该文档中定义的一样。  

2、使用@import指令  

也可以在style元素之间使用@import指令导入外部的CSS样式表文件，任何@import规则都必须出现在样式表中所有规则之前。@import指令的参数是一个CSS样式表文件的URL地址，表示URL地址的字符串也可以包含在URL函数内。  

3、使用link元素  

在HTML代码中使用link元素也可以引用外部样式表，使用href属性指定样式表文件所在的URL。  

4、使用HTTP消息报头链接到样式表  

可以使用HTTP消息报头的link字段链接一个外部样式表，link字段的功能和HTML文档中link元素的功能相同，有相同的属性设置。HTTP报头中的link字段要比HTML文档中link元素优先级高。 

原创·大金SEO http://www.dajinseo.com/p/371.html