首页 > web前端 > css教程 > 浅谈link与@import的区别

浅谈link与@import的区别

一个新手
发布: 2017-09-25 10:15:45
原创
1606 人浏览过

在css操作中,从外部引入 CSS 的方式有2种,link@import。

下面是两种方式的  区别  以及  结论 :

区别:

  1.加载顺序
加载页面时,link 标签引入的 CSS 文件被同时加载; @import 引入的 CSS 文件将在页面加载完毕后被加载。

  2.兼容性
 link标签是 HTML 元素,不存在兼容性问题@import 是 CSS2.1 才有的语法,因此只可在 IE5+ 才能识别。

  3. link是标签,可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等@import 是语法规则,只能导入样式表

  4.是否可用DOM操作插入修改样式。
可以通过 JS 操作 DOM 来插入link标签来改变样式,而@import无法使用DOM方式插入样式。

结论:

强烈建议使用link标签,谨慎使用@import标签。

这样可以避免@import产生资源文件下载顺序混乱以及HTTP请求次数过多。

以上是浅谈link与@import的区别的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板