css樣式表規劃

layout.css /* 整站佈局 */
public.css /* 公用組合樣式 */
header.css /* 頁面頭部區域樣式 */
sidebar.css /* 側邊欄區域樣式 */
main.css /* 主體區域樣式 */
footer.css /* 底部區域樣式 */
index.css /* 首頁區域特有樣式 */
form.css /* 表單類樣式 */

　　解釋一下，layout.css負責整個網站的佈局，比如#header, #footer等佈局的基本位置及樣式設計；public.css負責一些公用樣式定義，因爲一個class中可以使用class=”navbar font12px”這種利用中間空格分隔的方法來應用多個class樣式，所以可以定義一些比較常用的或者在特殊情況下需要修改的公用class，方便局部微調；header.css、sidebar.css、footer.css等模塊是對應頭部、側邊欄、底部模塊的css樣式表，可以根據網站的具體需求來增減模塊；index.css是一些首頁特有元素的css，因爲首頁的特殊性，我們在設計css的時候通常對首頁進行特殊處理，一般情況下，首頁是css最複雜的一個頁面，有必要對首頁的獨有css元素進行歸類放置，也可以不用@import引入index.css，而把它單獨放到首頁引用；form.css是表單元素的樣式表，表單雖然不難，但控制起來還是比較麻煩的，單獨放到一個css文件裏方便控制，當然，類似的其他元素你也可以這麼處理。