使用多个 css 文件或由注释组织的单个文件答案

【问题标题】：Use multiple css files or a single file organised by comments使用多个 css 文件或由注释组织的单个文件
【发布时间】：2010-05-24 22:30:38
【问题描述】：

什么被认为是组织 CSS 的最佳方法。目前，我在我的 xhtml 文档的头部使用了一个链接，如下所示：

<link rel="stylesheet" type="text/css" href="style/imports.css" />

在这个文件中，我导入了几个不同的 css 文件，即 reset.css、structure.css、skin.css

我知道这样做会产生开销，因为每次都需要额外访问服务器，但在我看来，它使事情变得更加合乎逻辑和更有条理。有没有人对如何最好地组织他们的 css 有意见。 - 将所有这些单独的 css 函数放在一个文件中会更好吗？另外，缩小css是最佳实践吗？

【问题讨论】：

stackoverflow.com/questions/2874194/… 的可能重复项

标签： css

【解决方案1】：

这取决于你的情况。如果您有大量的 CSS 代码，您可能希望将代码拆分为多个文件以稍微组织它们。如果您没有那么多代码，则可以使用单个 CSS 文件。有时我确实更喜欢使用 CSS 压缩器。同样，这一切都取决于具体情况。如果您有一个小的 CSS 文件，压缩通常不会有太大帮助。压缩时，请务必保留未压缩的文件以供开发。我使用 YUI 压缩器。它真的很容易使用。

【讨论】：

【解决方案2】：

我把所有东西都放在单独的纸上。就发展而言，这是实现它的方法。它使事情更容易管理。

在生产中，虽然最好不要有大量单独的文件。您可以通过将编译器作为构建过程的一部分来处理这个问题，或者您可以使用压缩器和缓存来即时执行此操作（这是我在大多数应用程序中所做的）。

【讨论】：