css - 关于分离的 CSS 文件

Question

我有一个网站，它在各个部分之间分开，我的问题是：

将每个部分的 css 文件分开是一个好习惯吗？

附言：我有一个“全球”的 CSS 样式表。

Answer 1

你说的部分是什么意思？

一般做法（据我所知）是使用一个全局样式表来设置网站的整个外观。

如果需要，您可以从那里使用最小内联样式的组合，也可以为特定“插件”（如对象或部分）使用其他样式表。

最后，这是你的电话。任何接近它的方式都有优点和缺点。

使用一个巨大的包含样式表，可维护性会变得很困难。3 个月后，当您需要进行细微调整时，搜索数千行代码有点困难。

另一方面，许多较小的样式表意味着来自网站的更多外部文件调用，这可能会减慢加载时间（最低限度）。

我个人对使用样式表的建议是，使用任何使可维护性最容易的方法。使用大量注释和逻辑排序。

Answer 2

对于开发，我会说这是一个很好的做法，因为它更容易更快地找到您正在寻找的内容，或者将其他开发人员指向他们需要更改某些代码的地方。然后，您可以引入 CSS 预处理器（例如 LESS 和 SASS）来“构建”您的 CSS 仅用于部署。

Answer 3

这取决于...

如果您觉得人们可能只访问网站的一个部分，您可以通过只为该部分提供样式表来避免开销。

如果用户会在各个部分之间来回走动，他们将需要两个样式表，合并它们是有意义的。

就最佳实践而言，没有任何一种尺寸适合所有 CSS 分段。人们普遍接受的是尽量减少 HTTP 请求和文件大小以及尽可能多地重用代码。除此之外，您可以使用您的最佳判断。