当前位置:   article > 正文

link和@import标签的区别_link标签和import标签的区别

link标签和import标签的区别

1)link是XHTML标签,@import是CSS提供的
2)link是XHTML标签,因此没有兼容性问题,@import只有IE5以上的浏览器才能识别,因为@import是CSS2里面的
3)HTML文件被加载的时候,link引用的文件会同时被加载,@import引用的文件则是在页面加载完成之后才被加载,所以会出现一开始没有CSS样式,闪烁一下出现样式后的页面(网速慢的情况下)
4)@import只有导入样式表的作用,link不仅能加载CSS文件,还能定义RSS、rel连接属性等
5)link支持使用javascript操作DOM(document.styleSheets)改变样式,而@import不支持
6)link方式样式的权重高于@import,(这一部分,我看了一下他人的博客参考的博客的地址,或许可以理解为link方式的样式会覆盖掉@import方式的样式,因为浏览器的加载过程可以简单分为:加载、解析和渲染三个步骤,虽然@import方式的加载顺序在link方式之后,但是@import方式引入的样式会在加载完毕后置于样式表顶部,最终渲染时自然会被下面的同名样式层叠。)

拓展复习
CSS的3种引入方式:
方式一:
内联样式,也叫行内样式,是直接在HTML标签中的style属性中添加CSS<

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/473323
推荐阅读
相关标签
  

闽ICP备14008679号