在HTML中链接CSS文件

时间:2015-10-08 16:19:37

标签: html performance css3 optimization responsive-design

使用两到三个样式表进行网页设计是一种好习惯。 1.我们正在使用的框架, 2.主要样式表 3.具有媒体查询的响应样式表。 如果我们将媒体查询放入主样式表,这有什么关系?性能有差异吗?嵌入2个样式表而不是一个样式表的优缺点是什么?

2 个答案:

答案 0 :(得分:3)

加载多个样式表:

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

除非您经常更改其中一个,否则通过将它们放在一个文件中(可能随HTTP2更改),您将始终获得更好的性能。

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

答案 1 :(得分:2)

我建议使用CSS预处理器,例如LESS / SASS。

通过提供可提供许多优势的其他语法,这些允许对CSS的额外影响:

  • 列表项
  • 嵌套语法
  • 定义变量的能力
  • 定义mixins的能力
  • 数学函数
  • 操作功能(例如“减轻”和“变暗”)
  • 加入多个文件并压缩最终结果

您可以在此处详细了解:Advantages of preprocessors