链接一个CSS文件夹而不是单个文件?
只是好奇,不能真正找到这个主题的任何具体的东西,但它是可以接受的,而不是将10-20个CSS文件链接到一个页面,你可以链接一个文件夹,它会包含所有的CSS文件文件夹?试图削减我的网页上的代码量。链接一个CSS文件夹而不是单个文件?
您可以进行导入所有其他人(使用@import url("import1.css");
),所以你只能调用基CSS文档一个CSS文件。
在css文件中使用@imports严重影响性能,所以我会避免这种情况。 http://www.stevesouders.com/blog/2009/04/09/dont-use-import/ – robertp
可惜你不能在你的标记使用文件夹引用,但使用CSS预处理程序,例如LESS,SASS你绝对可以消除其通过编译在一起加载太多文件。
查阅这些:
而真正迷死:
有很容易建立工具以及如童子军:
使用@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请求的数量。
我很确定有一种方法可以通过php某些代码来检查给定文件夹内的所有文件并将它们全部导入。只是不知道它会如何改变你的生活。为什么你需要这么多的CSS文件? – rafaelbiten
因为我的整洁不像我发现的那样整洁,我为不同类型的事物创建了不同的css文件。例如,我有一个main.css,这是有点div定位和次要的div框架,我也有form.css,font.css,links.css,tables.css和每个类型的其他几个。我发现我的编码方式对我来说更容易,更快,但最终在我的索引页上看起来像一堵链接标签lol – Nexus9988
对不起安德鲁,但这不是一个好主意。迟早你会发现自己花了一些时间在所有这些文件中找到简单的东西。此外,你有更多的CSS文件,你有更多的服务器请求(这也是不好的)。你应该尝试使用注释来更好地组织你的CSS文件,并将这个数字降低到1或2个文件。你想组织起来很好。其实,这太棒了!但试着在一个文件中组织它。 – rafaelbiten