link和import导入外部样式的区别
2024-10-19 10:25:31
1.结构
link语法结构
<link rel="stylesheet" href="CSSurl" type="text/css" />
import语法结构
<style type="text/css">
@import url(CSSurl);
</style>
2.应用场景
link标签只能在html页面中用来引用css,
而import可以在css中引用其他css。
在css中直接使用
@import url(CSSurl);
3.老祖宗的差别
link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以定义RSS，定义rel连接属性等，@import就只能加载CSS。
4.加载顺序
当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式。
5.兼容性
@import是CSS2.1提出的，所以老的浏览器不支持，@import只在IE5以上的才能识识别，而link标签无此问题。
6.使用dom控制样式时的差别
使用link标签添加的样式可以被Javascript的Dom获取以对其修改，而@import不是dom可以控制的.
最新文章
- Javascript判断object还是list/array的类型（包含javascript的数据类型研究）
- 首师大附中科创教育平台 我的刷题记录 0304 50095106扔核弹（XDC，你懂的）
- 通过js引用外部脚本（嘿嘿，方便直接在浏览器上调试抓取代码）
- 多清楚的IO 表
- Xcode 修改工程名以及注意事项
- windows上使用image库
- node笔记——gulp修改静态文件的名字
- Java Memory Basic
- c语言指针函数与函数指针
- backbone案例
- OpenOffice的安装与启动2
- 高性能 Socket 组件 HP-Socket v3.2.1-RC5 公布
- Arch安装详解
- Oracle-表被锁住
- Wannafly挑战赛5 补题
- MQTT入手笔记
- Unable to find CMake in android studio
- lombok(@Getter&@Setter)
- 使用p4c将P4 14代码转换为16代码
- 树莓派系统（Debain）中设置SSH服务开机自启动