链接一个CSS文件夹而不是单个文件?

问题描述:

只是好奇,不能真正找到这个主题的任何具体的东西,但它是可以接受的,而不是将10-20个CSS文件链接到一个页面,你可以链接一个文件夹,它会包含所有的CSS文件文件夹?试图削减我的网页上的代码量。链接一个CSS文件夹而不是单个文件?

+1

我很确定有一种方法可以通过php某些代码来检查给定文件夹内的所有文件并将它们全部导入。只是不知道它会如何改变你的生活。为什么你需要这么多的CSS文件? – rafaelbiten

+0

因为我的整洁不像我发现的那样整洁,我为不同类型的事物创建了不同的css文件。例如,我有一个main.css,这是有点div定位和次要的div框架,我也有form.css,font.css,links.css,tables.css和每个类型的其他几个。我发现我的编码方式对我来说更容易,更快,但最终在我的索引页上看起来像一堵链接标签lol – Nexus9988

+2

对不起安德鲁,但这不是一个好主意。迟早你会发现自己花了一些时间在所有这些文件中找到简单的东西。此外,你有更多的CSS文件,你有更多的服务器请求(这也是不好的)。你应该尝试使用注释来更好地组织你的CSS文件,并将这个数字降低到1或2个文件。你想组织起来很好。其实,这太棒了!但试着在一个文件中组织它。 – rafaelbiten

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

+0

是的,我会尽力做到这一点谢谢! – Nexus9988

+0

如果你喜欢答案,你可以将它标记为接受的答案吗? – Brant

您可以进行导入所有其他人(使用@import url("import1.css");),所以你只能调用基CSS文档一个CSS文件。

+1

在css文件中使用@imports严重影响性能,所以我会避免这种情况。 http://www.stevesouders.com/blog/2009/04/09/dont-use-import/ – robertp

可惜你不能在你的标记使用文件夹引用,但使用CSS预处理程序,例如LESS,SASS你绝对可以消除其通过编译在一起加载太多文件。

查阅这些:

http://lesscss.org/

http://sass-lang.com/

而真正迷死:

http://compass-style.org/

有很容易建立工具以及如童子军:

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

使用@import来链接到有所有的CSS文件的列表一个CSS。

但是,从性能的角度来看,这并不好。

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

它们合并并且用类似YUI压缩机http://developer.yahoo.com/yui/compressor/它们最小化。虽然如果你经常修改你的CSS,那会很痛苦。

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

这不是一个关于页面上的代码量的问题,更关乎HTTP请求的数量。