0
0
青灯夜游
发布时间：2019-06-03 11:38:46
|11905人浏览过
|来源于php中文网
原创
我们都知道，外部引入 css 有2种方式，link标签和@import。那么它们之间有什么区别？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。
link和@import的区别：
1、从属关系区别
@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。
2、加载顺序区别
加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。
3、兼容性区别
@import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。
4、DOM可控性区别
可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。
相关文章
css 多语言页面样式如何区分_配合 link 引入不同 css 文件
css页面首次加载样式错乱怎么办_确保link写在head中优先加载
css库升级影响页面怎么办_锁定link引用的版本号
css在静态页面中的样式加载方式_简单高效实践
css外部库样式升级影响页面怎么办_锁定css版本并固定link地址
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
