在HTML中链接CSS文件

在HTML中链接CSS文件,html,performance,css,optimization,responsive-design,Html,Performance,Css,Optimization,Responsive Design,在网页设计中使用两到三个样式表是一种好的做法吗。 1.我们正在使用的框架, 2.主样式表 3.具有媒体查询的响应式样式表。 如果我们将媒体查询放在主样式表中又有什么关系呢?性能有差别吗?嵌入两个样式表而不是一个样式表的优缺点是什么?加载多个样式表: 需要更多的HTML 需要更多的HTTP请求 除非您经常更改其中一个,否则将它们放在一个文件中总是可以获得更好的性能(这可能会随着HTTP2的变化而改变) 将它们放在单独的文件中的唯一好处是便于开发,但您应该在构建时将它们组合起来。加载多个样式表:

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

加载多个样式表:

  • 需要更多的HTML
  • 需要更多的HTTP请求
除非您经常更改其中一个,否则将它们放在一个文件中总是可以获得更好的性能(这可能会随着HTTP2的变化而改变)


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

加载多个样式表:

  • 需要更多的HTML
  • 需要更多的HTTP请求
除非您经常更改其中一个,否则将它们放在一个文件中总是可以获得更好的性能(这可能会随着HTTP2的变化而改变)


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

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

通过提供额外的语法,它们可以提供比CSS更多的优势:

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

您可以在这里了解更多信息:

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

通过提供额外的语法,它们可以提供比CSS更多的优势:

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

您可以在此处阅读更多信息:

请将您的问题限制为一个客观问题。请阅读并记录更多关于什么是好问题的信息。请将您的问题限制为一个客观问题。请阅读并记录更多关于什么是好问题的信息。