美文网首页
link与@import

link与@import

作者: wyq_0bed | 来源:发表于2017-07-05 11:07 被阅读0次

差别1:老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。
link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。

差别2:加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显(梦之都加载CSS 的方式就是使用@import,我一边下载一边浏览梦之都网页时,就会出现上述问题)。

差别3:兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。

差别4:使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。

相关文章

  • link 与 @import

    本质都是为了加载css文件,但还是有区别: 起源区别 加载顺序 页面被加载时,link引用的css文件会同时加载 ...

  • link与@import

    差别1:老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。link标签除了可以...

  • CSS中 link与@import

    外部引用CSS中 link与@import的区别: link属于XHTML标签,而@import完全是CSS自己提...

  • 前端常见面试题(十二)@郝晨光

    link和@import的区别 始终建议使用link,慎用@import 从属关系 link:link是HTML提...

  • 前端基础积累

    link和@import的区别 link是HTML标签,@import是css提供的。 link引入的样式页面加载...

  • Day 28 : css 的 link 和 @import

    link @import @import 為css;link 是為當前頁面服務,@import 無法用 js 操作...

  • link与@import的区别

    区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能...

  • @import 与 link 的区别

    本质上,这两种方式都是为了加载css文件,但还是存在细微的差别。 差别1:老祖宗的差别,link属于XHTML标签...

  • link与@import的区别

    1.link 是HTML标签,@import 是css提供的。 2.link 引入的样式页面加载时同时加载,@im...

  • css 整理

    link 与 import 引入有什么区别 @import的引入方式在一些老版本的浏览器中可能不支持。 link是...

网友评论

      本文标题:link与@import

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