13.页面导入时,使用link和@import有什么区别

在html设计编写中,样式有四种方式作用于网页,分别是:内联样式,嵌套样式,链接样式 ( link ),导入样式(@import )。
内联样式以及嵌套样式在这里我们就不做过多的介绍,我们都知道内联样式只对当前标签有用,嵌套样式只在当前页面起作用;
我们接着说链接样式 link 与导入样式 @import的区别:

1.类型不同

link: 是html标签

@import: 是css语法

2. 加载时机不同

link: 引入的样式在页面加载时同时加载

@import: 引入的样式需等页面完全载入以后再加载

3. 兼容性

link: 是XHTML标签没有兼容性问题

@import: 不兼容ie5以下

4.动态改变

link: 支持使用Javascript控制DOM去改变样式

@import: 不支持



作者:前端的secret
链接:https://www.jianshu.com/p/fd2ea10f698d
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
原文地址:https://www.cnblogs.com/dream111/p/13458786.html