@import的优势:import这种方式通常会在CSS文件中使用,把多个样式表导入到一个样式表中,在页面里面只需要导入一个样式表即可。 便于修改和扩展。(JavaScript DOM编程艺术 第12章 12.3小结采用这种方式)
区别:
1、 link 除了可以加载CSS外, 还可以定义RSS, 定义rel 连接属性等其他作用;@import只能加载CSS。
2. 加载顺序:link 引用的CSS会在页面被加载的时候同时加载;@import 引用的CSS会等到页面全部被下载完再被加载。
3. 兼容性的差别。 @import 是CSS2.1 提出的,老的浏览器不支持,IE5 以上的才能识别(不过现在来说,已经不是问题了,应该很少有使用IE5及以下的浏览器了)。 link 浏览器都支持。
4. 使用javascript 可以控制到 link, 但@import 却无法控制。