前端面试积累9-link和@import的区别

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了；