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 样式写在多个文件如何管理_css 文件拆分与引入技巧
css 引入顺序错误导致样式失效怎么办_正确 css 加载顺序说明
css 伪类与链接状态_使用 :link、:visited、:active、:hover 修改链接样式
css 想给链接在激活时显示特殊颜色怎么办_使用 :active 伪类定义点击样式
css 不同主题切换怎么实现_动态切换 css link 文件
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
