一般網站會有多少個CSS，如何分類管理？

02-06

前言：最近在自學，看了html、div+css、css等，基本有了一個概念了，但是真要自己動手卻還是有很多問題。
提問：一般網站會有多少個css外部鏈接，是否會把字體、布局、特效什麼的分開為一個一個CSS文件，總感覺放一個裡面查詢很累，有大大可以分析和介紹下嗎？最好可以給我看下大大們的管理方式和經驗。

我做的外包項目都不算太大，所以一個 CSS 文件就 OK，但是還是會把 reset、web font、html element 等等文件分開，然後只在 custom 文件中編寫代碼，這樣看起來比較清爽。之後使用工具進行合併或者格式化壓縮等等。

其實一般大公司的部分網頁的 CSS 管理也是這樣，為了性能，極力的壓縮在一起儘可能變成一個文件（或者分成很少幾個文件方便瀏覽器同時下載），但是開發過程中是很多文件的，最後發布的時候再壓縮起來。

Koala 可以幫助你，當然，更好的選擇是學習一下 Scss，最後自薦：yujiangshui/ysass · GitHub ，裡面的 scss 文件是這樣分的 ysass/html/scss at master · yujiangshui/ysass · GitHub，對初學者提供一點點的幫助。

一般有一個通用快速構建頁面的css

例如張鑫旭的quickLayout.css
zhangxinxu/zxx.lib.css · GitHub

當然上面的只是一個例子，真正適合自己項目的通用css才是一個好的css；

------------------------------------------------------------------------------

更新於2014-10-08 09:25:12

才學疏漏，現在再回來看到自己的回答感覺有點偏；

現更新如下：

1.先說css rest

個人 css rest

額外提及到

完美解決IE(IE6/IE7/IE8)不兼容HTML5標籤的方法

Modernizr.js:為HTML5和CSS3而生！

2.題主提到的通用型字體布局特效這些可以統一歸入到通用css中，這樣頁面一次請求載入。

3.像其他的頭部頂部側邊欄一些部件等等這些根據項目需求自己規劃如何歸放

推薦 NEC : 更好的CSS樣式解決方案

說我的實際工作中的做法：

1、網站規模不大，比如一般的文章網站、企業網站等，我全站只一個CSS文件。

2、網站有不同的模塊，有各種頻道的，這類一般寫一個公共CSS文件，定義字體、字型大小、全局樣式等，然後每頻道一個CSS文件，處理本頻道內樣式。

開發狀態和發布狀態不一樣，最終發布時會壓縮成若干個或者一個css，學框架吧。