简述：link与@import区别

最新推荐文章于 2023-07-12 16:34:40 发布

Aa丶如何

最新推荐文章于 2023-07-12 16:34:40 发布

阅读量2.8k

点赞数 6

文章标签： javascript

本文链接：https://blog.csdn.net/darksociety/article/details/114495491

版权

区别：

link属于html标签。@import在css中使用表示导入外部样式表；
页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;
import只在IE5以上才能识别，而link是HTML标签，无兼容问题;
link方式的样式的权重高于@import的权重；
link 支持使用javascript改变样式（document.styleSheets），后者不可

使用场景：

<head>
    <!-- link是标签，引入外部样式表 -->
    <link rel="stylesheet" href="./a.css">
    <style>
        /* @import 在css环境中 导入外部css */
        @import url('./b.css');
        .box{
          width: 100px;
          height: 100px;
          background: green;
        }
    </style>
</head>

Aa丶如何

关注

6
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
简述：link与@import区别

区别：link属于html标签。@import在css中使用表示导入外部样式表；页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;import只在IE5以上才能识别，而link是HTML标签，无兼容问题;link方式的样式的权重高于@import的权重；link 支持使用javascript改变样式（document.styleSheets），后者不可使用场景：<head> <!-- link是标签，引入外部样式表 -
复制链接

扫一扫