浅谈css引入方式:link与@import的区别
来源:互联网 发布:如何删除mac版office 编辑:程序博客网 时间:2024/06/06 03:40
在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请求次数过多。
阅读全文
0 0
- 浅谈css引入方式:link与@import的区别
- CSS引入方式以及<link>与@import区别
- CSS引入的方式link和@import的区别
- CSS引入的方式以及 link和@import的区别
- 引入css的方式及link和@import的区别
- CSS引入的方式及link和@import的区别
- CSS引入方式及link和@import的区别是?
- CSS的四种引入方式 import与link的具体区别
- css 样式引入的方法 link 与import的区别
- link引入样式与import的区别
- 添加css的方式:link与@import区别
- 引入CSS的方式有哪些?link和@import的有何区别应如何选择
- 引入CSS 的两种方式:link和@import的区别[转]
- 引入CSS的方式有哪些?link和@import的有何区别应如何选择
- CSS引入的方式有哪些? link和@import的区别是?
- CSS引入的方式有哪些? link和@import的区别是?
- CSS引入的方式有哪些? link和@import的区别是?
- css引入的方式有哪些?link和@import的区别?
- 657. Judge Route Circle
- 软件工程课程实验报告:实验一
- [LeetCode][1 Two Sum]Java实现
- 做任何事都是一个过程
- Redis 数据类型
- 浅谈css引入方式:link与@import的区别
- A*算法的简单运用
- 人工智能的应用
- java获取某段时间内的所有日期
- 更新python2.7.3后安装pip,steuptools等工具
- 解决redis服务端不能任意ip访问的问题
- sublime text3---Emmet:HTML/CSS代码快速编写神器
- 数列的第一项为n,以后各项为前一项的平方根,求数列的前m项的和,对于每组输入数据,输出该数列的和,每个测试实例占一行,要求精度保留2位小数
- ObjectBox入门(续)