link和@import的区别

最新推荐文章于 2024-11-10 11:49:10 发布

安心@-@

最新推荐文章于 2024-11-10 11:49:10 发布

阅读量81

点赞数 1

分类专栏： css3 文章标签： css 前端 html

本文链接：https://blog.csdn.net/qq_57404393/article/details/126707462

版权

css3 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

link和@import的区别

link属于HTML标签，@import在css中表示导入外部样式表；
link会同时被加载，而@import引用的CSS会等到页面被加载完再加载
import只在IE5以上才能识别，而link是HTML标签，无兼容问题

link方式的样式的权重高于@import的权重.

<head>
    <!-- link是标签，引入外部样式表 -->
    <link rel="stylesheet" href="./b.css">
    <style>
        /* @import导入外部CSS */
        @import url('./c.css');
        .box{
          width: 30px;
          height: 30px;
          background: rgb(0, 75, 128);
        }
    </style>
</head>