我正在学习一些 CSS 来调整我的元素模板。我遇到了这个问题,但没有在网上找到明确的答案。在 CSS 中使用 @import 或 link 有区别吗?
使用@import
<style>@import url(Path To stylesheet.css)</style>
链接的使用
<link rel="stylesheet" href="Path To stylesheet.css">
最佳答案
理论上,它们之间的唯一区别是@import
是包含样式表和 <link>
的 CSS 机制HTML机制。然而,浏览器以不同的方式处理它们,给出 <link>
性能方面的明显优势。
Steve Souders 撰写了一篇内容广泛的博文,比较了这两个 <link>
的影响和 @import
(以及它们的各种组合)称为“don’t use @import”。这个标题本身就说明了一切。
雅虎!还提到它是他们的性能最佳实践之一(由 Steve Souders 合着):Choose <link>
over @import
此外,使用 <link>
标签允许您定义 "preferred" and alternate stylesheets .你不能用 @import
做到这一点.
关于css - CSS 中@import 和 link 的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49277799/