在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
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。