可能重复：
@import 和 CSS 中的链接之间的区别
我读过 CSS@import是一种不好的做法，并且想知道我正在使用的方法。
我目前正在使用 WordPress 构建一个网站，它通过链接引用导入每个插件的样式表，并且主样式表以相同的方式链接，但是，主样式表当前包含几个@import声明，我相信我应该将它们移到标题中或进入它们使用的适当页面（其中两个仅在某些页面上使用）。
我的担忧是否合理，使用这些@import声明有什么影响？
问问题
5768 次
4 回答
4
网上提供了很多关于这个主题的信息，我建议阅读：
于 2012-07-29T13:31:51.370 回答
3
使用导入规则本身并不是一个坏习惯。您只需要记住，仅在下载包含它们的文件后才会处理导入。因此，如果您有一堆包含这些语句的文件，您的听众可能需要很长时间才能看到应用的 css。
每个@import语句都会创建一个新的 http 请求，因为它发生在客户端。因此，从这个角度来看，您正在伤害连接速度较慢的访问者，例如 Edge 或 3G 上的移动访问者。
我经常听到的一条经验法则是立即合并所有你需要的 CSS，并且只@import用于你以后需要的东西。
于 2012-07-29T13:34:58.713 回答
3
我认为你应该使用LINK简单——你必须记住放在@import样式块的顶部，否则它将不起作用。事实证明，避免 @import 对性能更好。
关联
- 链接是在您的网页上包含外部样式表的第一种方法。它旨在将您的网页与样式表链接在一起。
进口
- 导入允许您将一个样式表导入另一个样式表。这与链接方案略有不同，因为您可以在链接的样式表中导入样式表。
使用@import 的最常见原因是因为旧版浏览器无法识别@import，因此您可以对它们隐藏样式。
此链接将解决您的所有疑问
于 2012-07-29T13:50:53.097 回答
1
出于速度原因，最好不要使用@import在页面中包含CSS 。
importing允许您将一个样式表导入另一个样式表。这与链接方案略有不同，因为您可以在链接的样式表中导入样式表。较旧的浏览器无法识别@import ，因此您可以对其隐藏样式，这就是@import的原因。
检查这个： http:
//www.stevesouders.com/blog/2009/04/09/dont-use-import/
css @import
于 2012-07-29T13:46:01.227 回答