【前端学习笔记】CSS样式表

最新推荐文章于 2022-03-01 22:38:50 发布

爷傲奈我何_m

最新推荐文章于 2022-03-01 22:38:50 发布

阅读量386

点赞数

分类专栏：我的前端之路文章标签： css 前端 css3

本文链接：https://blog.csdn.net/weixin_43841844/article/details/122184633

版权

9 篇文章 0 订阅

订阅专栏

基本语法

<style>
     h1{
    color: red;
}
h2{
    color: green;
}
h3{
    color: yellow;
}
</style>

差别1：本质差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。
差别2：加载顺序差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候比较明显
差别3：兼容性的差别：@import是css2.1提出的，所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题

<body>
    <h1 style="color: red;">111</h1>
    <h2 style="color: yellow;">222</h2>
    <h3>333</h3>
</body>

就近原则
行内 > 内部 > 外部

关注

专栏目录