首先關(guān)于CSS文件，網(wǎng)站制作一般只使用一個文件，這無關(guān)于網(wǎng)站的大小，網(wǎng)站越大，某種意義上這種做法的優(yōu)勢與潛力就會體現(xiàn)的越明顯。這種單CSS文件的做法適合于web2.0的網(wǎng)站。讓網(wǎng)站單CSS誰都會，關(guān)鍵是為何可以使用單CSS文件，這個CSS文件不會很大嗎，如果一個網(wǎng)站有400個頁面，那么這個CSS文件豈不要數(shù)百K。非也，在網(wǎng)站頁面風(fēng)格一致，在web系統(tǒng)結(jié)構(gòu)良好的情況下，CSS文件可以控制的非常小，而且高性能，同時頁面擴(kuò)展性也非常好。

　　1、整體概述

　　頁面布局與文章內(nèi)容顯示需要，我將整體架構(gòu)做成了一張圖片。

　　2、關(guān)于CSS reset

　　CSS reset(css重置)基本上是不需要的，至少可以說80%的的CSS reset都是沒有必要的，反而增加了頁面CSS 的overwrite，不是一概鄙棄CSS reset，有些常用標(biāo)簽也是會簡單重置一下的，而且會避免overwrite（樣式重寫），以保證樣式最精簡，渲染最高效。

　　3、關(guān)于CSS通用樣式庫

　　在“CSS樣式分離之再分離”一文中曾提到過CSS通用樣式庫。所謂CSS通用樣式庫就是可以在任何網(wǎng)站使用的CSS樣式庫。

　　4、網(wǎng)站CSS樣式庫

　　這里的樣式是根據(jù)當(dāng)前實際的項目內(nèi)容指定的。例如，文字鏈接顏色是什么，文字鏈接經(jīng)過的樣式是什么；一些常用的背景色樣式，常用的邊框樣式等，以及一些高寬等。按照我的經(jīng)驗，網(wǎng)站CSS樣式庫又可以架構(gòu)為以下幾部分：

　?、倬W(wǎng)站常見顏色，尤其是鏈接色②網(wǎng)站常見背景色③網(wǎng)站常見邊框色，這里類似于CSS 通用庫中的margin屬性，需拆分。④網(wǎng)站遺留的單margin屬性，以供之后類似布局或需要的地方使用。⑤網(wǎng)站遺留的單padding屬性，是單屬性，且不可從通用元素中抽取單獨的padding值，否則是給自己挖火坑。⑥網(wǎng)站遺留的width屬性，在流體布局思想下，寬度是有限的，是珍貴的，需好好利用。⑦網(wǎng)站常用的一些height屬性。

　　5、網(wǎng)站通用小圖標(biāo)樣式集

　　小圖標(biāo)的樣式合并是普遍處理的較好的，由于其規(guī)律可循，所以經(jīng)常在CSS文件較上的位置看到有關(guān)小圖標(biāo)的CSS合并樣式，這在SNS網(wǎng)站中很是常見。一般合并樣式部分樣式為{background:url(xx.png) no-repeat;}，分離部分的樣式是{background-position:x, y;}，就實現(xiàn)而言，我覺得沒有多少說頭，只是命名有些自己的見解。

　　6、網(wǎng)站通用樣式

　　這里的“網(wǎng)站通用樣式”可以說與“網(wǎng)站通用樣式庫”最為對立的兩部分。網(wǎng)站通用樣式專指“獨立元素”的通用樣式，所謂“獨立元素”指的是網(wǎng)站通用的導(dǎo)航，菜單，按鈕，選項卡，文本框裝飾，圖片裝飾，圓角處理等等。網(wǎng)站通用樣式的代碼量在整個CSS文件中所占據(jù)的比重是相當(dāng)大的，如果您的CSS文件中發(fā)現(xiàn)CSS通用樣式只占整個CSS文件的一小部分，尤其網(wǎng)站項目較大時，那就需要引起警惕，可能最后的結(jié)果就是CSS文件超負(fù)荷，最后反而一團(tuán)糟。

　　7、網(wǎng)站公共結(jié)構(gòu)樣式

　　所謂“網(wǎng)站的結(jié)構(gòu)樣式”主要指的是最外框div的樣式，一般限制網(wǎng)站的寬度(960~990不等)，還有就是網(wǎng)站的分欄布局樣式，這里的樣式僅僅針對主體結(jié)構(gòu)，還包括網(wǎng)站的頭部的一些公用結(jié)構(gòu)，底部的樣式結(jié)構(gòu)等。強(qiáng)烈建議公共結(jié)構(gòu)僅僅定寬定高，設(shè)置浮動屬性，切不可在結(jié)構(gòu)樣式上添加margin或是padding屬性，這會使網(wǎng)站的公共結(jié)構(gòu)的重用性大大降低！

　　8、單頁面的精細(xì)結(jié)構(gòu)

　　對于中型大型網(wǎng)站，網(wǎng)站制作可能要花3~4天甚至更多的時間分析頁面設(shè)計圖，處理CSS Sprite，架構(gòu)網(wǎng)站的CSS，這段時間不寫任何頁面，就是處理網(wǎng)站唯一的CSS文件。所謂“磨刀不誤砍柴功”，站在整站的角度上去思考CSS是非常重要的，這可以讓你避免迷路，有助于寫出精簡高效的樣式代碼。