一尘不染

@import和CSS中的链接之间的区别

css

我正在学习一些CSS来调整我的项目模板。我遇到了这个问题,但在网络上找不到明确的答案。在CSS中使用@import或link有区别吗?

使用@import

<style>@import url(Path To stylesheet.css)</style>

链接的使用

<link rel="stylesheet" href="Path To stylesheet.css">

最好的方法是什么?为什么?谢谢!


阅读 243

收藏
2020-05-16

共1个答案

一尘不染

从理论上讲,它们之间的唯一区别@import是CSS机制包含样式表和<link>HTML机制。但是,浏览器对它们的处理方式不同,因此<link>在性能方面具有明显的优势。

史蒂夫Souders的写了大量的博客文章比较两个的影响<link>@import所谓的“(和各种人组合)不使用@import”。这个头衔几乎可以说明一切。

雅虎!还提到它是他们的性能最佳实践之一(由SteveSouders合着):选择<link>@import

另外,使用<link>标签可以定义“preferred”和备用样式表。您无法使用来做到这一点@import

2020-05-16