CSS外部引用之link与@import的区别

CSS外部引用之link与@import他们的作用相同

唯一的不同是服务对象不一样

@import 为CSS服务；link是为当前的页服务

外部引用CSS中 link与@import的区别

区别1：link属于XHTML标签，而@import:是CSS提供的一种方式。

link标签除了可以加载CSS外，还可以加载其他的，@import就只能加载CSS了。

区别2：当一个页面被加载的时候（打开网页的时候），link引用的CSS会同时被加载（与其他代码同在一个服务器上），而@import引用的CSS 会等到页面全部被下载完再被加载。如果网速很慢的情况下会出现明显的有内容没样式。

区别3：@import在有些老的浏览器上不被识别，只有在IE5以上的才能识别，而link标签都可以识别。

区别4：使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

link最能体现DIV+CSS中的内容与显示分离的思想，也最易改版维护，代码看起来也是最美观的一种。

插入外部样式表的方法：

　　方法一，利用<link>标签导入。

　　<link href="o.css" rel="stylesheet" type="text/css">

　　href外部样式文件的地址，rel属性定义标签关联的样式标签，type属性定义文档的类型。

　　方法二，在<style>标签内使用@import关键字导入外部样式文件。

　　<style type="text/css">

　　@import url("o.css")

　　</style>

在工作的时候，只能使用一种Ajax框架，就是DOJO。而DOJO的CSS引用，就是采用了@import的方式。这种情 况非常少，主要用在CSS文件数量庞大的负责的系统中。另外@important本身是一个CSS命令，是放在CSS文件里的