链接CSS文件夹而不是单个文件？

Question

只是好奇，无法真正找到关于这个主题的任何具体内容，但它是可以接受的，而不是将10-20个css文件单独链接到一个页面，你可以链接一个文件夹，它将包含所有的css文件该文件夹？试图削减我页面上的代码量。

Answer 1

合并CSS文件。广泛地链接到整个目录并不可行。

Answer 2

不幸的是，您无法在标记中使用文件夹引用，但使用CSS预处理器（如LESS，SASS），您绝对可以通过将它们编译在一起来消除必须加载太多文件。

查看以下内容：

http://lesscss.org/

http://sass-lang.com/

真正棒极了：

http://compass-style.org/

还有非常容易设置的工具，例如Scout：

http://mhs.github.com/scout-app/

Answer 3

使用@import链接到包含所有CSS文件列表的单个css。

然而，从性能角度来看，这并不好。

http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

Answer 4

您可以创建一个导入所有其他文档的css文档（使用@import url("import1.css");），这样您只需调用基本css文档。

Answer 5

将它们组合起来并用YUI压缩器http://developer.yahoo.com/yui/compressor/之类的东西缩小它们。虽然如果你经常修改CSS，这可能会很痛苦。

或者，如果您在.NET环境中，则可以使用Microsoft.Web.Optimization自动捆绑＆amp;缩小js和css的整个文件夹。

关于您网页上的代码数量问题，以及更多关于HTTP请求数量的问题。