我正在学习一些CSS来调整我的项目模板。我遇到了这个问题,但在网络上找不到明确的答案。在CSS中使用@import或link有区别吗?
使用@import
<style>@import url(Path To stylesheet.css)</style>
链接的使用
<link rel="stylesheet" href="Path To stylesheet.css">
最好的方法是什么?为什么?谢谢!
从理论上讲,它们之间的唯一区别@import是CSS机制包含样式表和<link>HTML机制。但是,浏览器对它们的处理方式不同,因此<link>在性能方面具有明显的优势。
@import
<link>
史蒂夫Souders的写了大量的博客文章比较两个的影响<link>和@import所谓的“(和各种人组合)不使用@import”。这个头衔几乎可以说明一切。
雅虎!还提到它是他们的性能最佳实践之一(由SteveSouders合着):选择<link>@import
另外,使用<link>标签可以定义“preferred”和备用样式表。您无法使用来做到这一点@import。