码迷,mamicode.com
首页 > Web开发 > 详细

CSS文件引入link和@import 区别

时间:2019-08-31 01:20:48      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:使用   css   script   兼容性问题   port   文件的   rip   一个   区别   

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 区别

标签:使用   css   script   兼容性问题   port   文件的   rip   一个   区别   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!