下面大略先容一下外部引用CSS两种办法：link和@import。
XML/HTML代码
<link rel=\公众stylesheet\"大众 rev=\"大众stylesheet\公众 href=\"大众CSS文件\公众 type=\"大众text/css\公众 media=\"大众all\"大众 />
XML/HTML代码
<style type=\"大众text/css\"大众 media=\"大众screen\公众>
@import url(\"大众CSS文件\公众);
</style>
两者都是外部引用CSS的办法，但是存在一定的差异：
差异1：默认的差别。link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
差异2：加载顺序的差别。当一个页面被加载的时候（便是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。以是有时候浏览@import加载CSS的页面时开始会没有样式（便是闪烁），网速慢的时候还挺明显
差异3：兼容性的差别。由于@import是CSS2.1提出的以是老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
差异4：利用dom掌握样式时的差别。当利用javascript掌握dom去改变样式的时候，只能利用link标签，由于@import不是dom可以掌握的。 @import可以在css中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表，如：
main.css ———————-
@import “sub1.css”;
@import “sub2.css”;
sub1.css ———————-
p {color:red;}
sub2.css ———————-
.myclass {color:blue}
这样更利于修正和扩展。
更多 长沙网站开拓 原创内容，请关注长沙蒲公英网络。
原创文章链接:http://www.0731pgy.com/a/news/IndustryNews/429.html
