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

1.link属于html标签,@import是css提供的。

2.页面被加载时,link会同时被加载,而@import引用的css会等到页面被加载完之后再被加载。

3.@import只有IE5以上才能识别,link是html标签,无兼容问题

4.导入的语法不相同

        link(链接式)语法为:

        

        @import(导入式)语法为:

        

5.当使用 Javascript 控制 DOM 去改变样式的时候,只能使用 link 方式,因为 @import 眼里只有 CSS ,不是 DOM 可以控制的;

6. link和import语法结构不同,前者是html标签,只能放入html源代码中使用,link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import看作为css的样式,就只能加载CSS了;

你可能感兴趣的:(前端面试积累9-link和@import的区别)