CSS-外部引入方法

最新推荐文章于 2024-01-07 19:24:45 发布

毛茸茸的奶袋瓜

最新推荐文章于 2024-01-07 19:24:45 发布

阅读量1.6k

点赞数 1

文章标签： css html 前端

本文链接：https://blog.csdn.net/w20180341314/article/details/129050569

版权

css外部引入样式1

 <!-- rel:relation定义关联性  stylesheet:样式表 -->
    <link rel="stylesheet" href="css文件的路径">

css外部引入样式2

<style>
        @import url("css文件的路径");
</style>

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