首页 > Web开发 > 详细

CSS文件引入link和@import 区别

时间:2019-08-31 01:17:51      阅读:93      评论:0      收藏:0      [点我收藏+]

1、(本质区别)link 属于 HTML 标签,而 @import 完全是 css 提供的一种导入 css 文件的规则。

2、文件加载时机有差别:

当一个页面被加载的时候,link 引用的 css 会被同时加载,而 @import 引用的 CSS 会等到页面全部被加载完才被加载

所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。

3、兼容性差别:

@import 只有在 IE5 以上才能被识别,而 link 没有兼容性问题。

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

CSS文件引入link和@import 区别

原文:https://www.cnblogs.com/zjl-712/p/11437652.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!