我應該在哪裏放置我的css文件？

Question

我有一箇中等大小的網站，共享一個共同的頁眉/頁腳，幾乎每個頁面都有自己的特定文件進行佈局。我已經將常見的頁眉/頁腳放在一個有格式的html文件中，但是我不知道在哪裏放置css文件，因爲footer.html <link rel="stylesheet" type="text/css" href="footer.css" />中的鏈接元素不會鏈接到此html文件的當前目錄，而是需要php文件。

我環顧了很多網站，並且確實沒有統一的解決方案。一種解決方案是將所有的css文件放在root-directory/css，而不少網站使用分層目錄，如'/skin' '/global'等。其他人選擇使用鏈接如http://sstatic.net/stackoverflow/all.css?v=5fc0e3026fcc（這是stackoverflow的方式）的一種很不同的方式。

所以我的問題哪種方式更好或應該用於我的情況？

ps。實際上我認爲這個問題也可能適用於圖像文件存儲。

Answer 1

我總是傾向於將我的css存儲在根文件夾下的目錄中。

/css/frame.css 
/css/menu.css 
/css/form.css 
/css/print.css 

我也拆分進一步下降，如果我需要一個特定的，即css文件

/css/ie6/frame.css 

這將包含所有我的IE6特定的覆蓋。

我做同樣的圖像

/images/menu/...... 
/images/home/...... 

等

這完全是個人喜好不過，無論選擇哪種風格適合你。

Answer 2

幾乎每一頁將有自己特定的文件佈局

嘗試把所有的CSS在一個文件中無論如何，看看它有多大。 gzipping之後，它可能非常小，因此不值得將你的風格分成多個文件。

如果您確實有多個CSS文件，將它們放在服務器上的位置並不重要。我建議讓他們都在/css/這樣的目錄中，因爲那樣你就不必考慮給定文件的位置了。

Answer 3

你可以把它鏈接到

/public/stylesheets/screen.css 

這是Ruby on Rails的是怎麼做的，例如。

大公司擁有一個「CDN」（內容交付網絡），因此CDN在世界各地的許多地方都有機器，因此世界上任何地方的終端用戶都可以快速訪問內容。您可以在「高性能網站」一書中找到很多信息。

Answer 4

CSS文件只是您網站增長後可以處理的許多文件類型之一。將它們存儲在任何特定的地方几乎沒有什麼技術性的論據。我一直使用以下基本結構：

/root 
/pages 
/scripts 
/css 
/databases 
/images 
/documents 

這樣，一切都很好地藏起來！我希望這是有幫助的，但這個問題很主觀。