2、排列CSS代碼。
通常我們代碼如下排列
這樣將占CSS文件很多的空格和回車位空間，這裡還占用了12行CSS文件空間
建議你改寫為
- /*CSSwww.DIVCSS5.com實例演示圖*/-這裡是CSS注釋
- .yangshi{font-size:12px;border:1pxsolid#000000;padding:5px;}
- .yangshi2{font-size:12px;border:1pxsolid#000000;padding:5px;}
這樣將節約空格和回車位，及CSS文件行數，從而節約代碼文件字節。
3、同屬性提取共用CSS選擇器。
這個要了解的是如果有兩個部分的CSS屬性如寬度高度字體顏色都相同，而有很小一點不同，這個時候我們就需要提取大家相同的CSS樣式出來，單獨命名一個CSS屬性選擇器，從而節約CSS代碼。
如：
- /*CSSwww.DIVCSS5.comDIV+CSS實例演示圖*/
- .yangshi{font-size:12px;border:1pxsolid#000000;padding:5px;width:25px;}
- .yangshi2{font-size:12px;border:1pxsolid#000000;padding:5px;width:50px;}
這裡的yangshi和yanshi2兩個樣式有相同的字體大小為12px，邊框相同,內補白相同，只有寬度不同，這個時候我們就可以提取他們相同部分並重新新建個CSS選擇器和重用
新建CSS屬性選擇器演示如下
- .gongyong{font-size:12px;border:1pxsolid#000000;padding:5px;}
- .yangshi{width:25px;}
- .yangshi2{width:50px;}
- 這樣在調用CSS時候-了解CSS引入
- <DIVclassDIVclass="gongyongyangshi">DIVCSS樣式</DIV>
- <DIVclassDIVclass="gongyongyangshi2">DIVCSS樣式2</DIV>
這樣就可以讓通過調用相同CSS樣式，再分別調用不同CSS屬性類即可，以上實例還不能展示他的優點，但是如果代碼多而且有很多地方如以上特點，這樣將顯示其功能特點。
4、分離網頁顏色和背景設置樣式（較大站點需要注意）。
這點有以上第三點同屬性提取共用CSS選擇器特點，但是區別地方，如果站比較大，需要改一個地方即可改變整個站點網頁的字體顏色樣式，背景圖案顏色，邊框顏色樣式。
這個時候我們將需要在DIV+CSS開發的時候特別將的基本字體樣式、背景圖案顏色、邊框等顏色提取到一起或放到一個CSS文件裡，這樣一來便於我們維護管理整個站點基本樣式。
5、條理化CSS代碼。
條理化CSS代碼意思是將CSS代碼整理歸類，如控制頭部、局部、底部的CSS代碼選擇器樣式區別開來分別放到一起並與其他地方CSS代碼互相隔開。
如頭部的CSS代碼與內容區CSS代碼回車各行隔開
如以上“toubu”與“dibu”以行隔開得以區分，好處是以後維護方便，便於辨認更改維護。
DIVCSS5通過以上實例講解的CSS優化方法及CSS優化方案希望對大家有幫助。