美文网首页
前端面试积累9-link和@import的区别

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

作者: 加油_未来 | 来源:发表于2018-12-09 16:20 被阅读0次

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

相关文章

网友评论

      本文标题:前端面试积累9-link和@import的区别

      本文链接:https://www.haomeiwen.com/subject/syckhqtx.html