鏈接一個CSS文件夾而不是單個文件？

Question

只是好奇，不能真正找到這個主題的任何具體的東西，但它是可以接受的，而不是將10-20個CSS文件鏈接到一個頁面，你可以鏈接一個文件夾，它會包含所有的CSS文件文件夾？試圖削減我的網頁上的代碼量。

Answer 1

合併您的CSS文件。廣泛地鏈接到整個目錄並不是真的可行。

Answer 2

您可以進行導入所有其他人（使用@import url("import1.css");），所以你只能調用基CSS文檔一個CSS文件。

Answer 3

可惜你不能在你的標記使用文件夾引用，但使用CSS預處理程序，例如LESS，SASS你絕對可以消除其通過編譯在一起加載太多文件。

查閱這些：

http://lesscss.org/

http://sass-lang.com/

而真正迷死：

http://compass-style.org/

有很容易建立工具以及如童子軍：

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

Answer 4

使用@import來鏈接到有所有的CSS文件的列表一個CSS。

但是，從性能的角度來看，這並不好。

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

Answer 5

它們合併並且用類似YUI壓縮機http://developer.yahoo.com/yui/compressor/它們最小化。雖然如果你經常修改你的CSS，那會很痛苦。

或者如果您在.NET環境中，則可以使用Microsoft.Web.Optimization自動綁定&縮小js和css的整個文件夾。

這不是一個關於頁面上的代碼量的問題，更關乎HTTP請求的數量。