@import与link方式的区别
2024-08-30 18:22:54
1. 老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。
2. 加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。
3. 兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。
4. 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。
最新文章
- 应用程序缓存--manifest
- docker on centos
- [java] 注释以及javadoc使用简介-汇率换算器的实现-插曲3
- EOF的一点注记
- 双nginx(主备、主主)反向代理tomcat实现web端负载均衡
- uva 11151
- 数学之路-分布式计算-disco(4)
- parentViewController
- Socket简介 (转)
- 前端基于react,后端基于.net core2.0的开发之路(番外篇) 后端使用T4模板,生成某些类
- Oracle查询语句导致CPU使用率过高问题处理
- CF747F Igor and Interesting Numbers
- 【原创】大数据基础之Marathon(2)marathon-lb
- Docker容器服务发现方案
- java 的类型转换方式
- repo sync出现“fatal: '../platform/abi/cpp.git' does not appear to be a git repository”的解决方案
- django网站
- bzoj 3615: MSS
- springMVC等小知识点记录。。。持续更新
- java内部类之成员内部类实例