以HTML链接CSS文件

Question

在网页设计中使用两到三个样式表是一个好习惯。 1.我们正在使用的框架，2.主样式表3.带有媒体查询的响应式样式表。 如果将媒体查询放入主样式表有什么关系？ 性能上有区别吗？ 嵌入2个样式表而不是一个样式表的利弊是什么？

Answer 1

加载多个样式表：

• 需要更多HTML
• 需要更多HTTP请求

除非您经常更改其中之一，否则将它们放在单个文件中将始终获得更好的性能（这可能会因HTTP2 而改变）。

将它们放在单独的文件中的唯一好处是易于开发，但是您应该在构建时将它们组合在一起。

Answer 2

我建议使用CSS预处理程序，例如LESS / SASS。

通过提供具有许多优点的附加语法，它们可以比CSS更好地利用：

• 项目清单
• 嵌套语法
• 定义变量的能力
• 定义混合的能力
• 数学函数
• 操作功能（例如“变亮”和“变暗”）
• 连接多个文件并压缩最终结果

您可以在此处了解更多信息： 预处理器的优势