1.link属于html标签,@import是css提供的。
2.页面被加载时,link会同时被加载,而@import引用的css会等到页面被加载完之后再被加载。
3.@import只有IE5以上才能识别,link是html标签,无兼容问题
4.导入的语法不相同
link(链接式)语法为:
<link rel="stylesheet" href="style.css" type="text/css"/>
@import(导入式)语法为:
<style type="text/css">
@import url("style.css");
</style>
5.当使用 Javascript 控制 DOM 去改变样式的时候,只能使用 link 方式,因为 @import 眼里只有 CSS ,不是 DOM 可以控制的;
6. link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import看作为css的样式,就只能加载CSS了;