## 注意事項 1. 一般要寫兼容IE6,IE7和FIREFOX的網頁，最省事的方法就先寫適合IE7的樣式，因為IE7和FIREFOX很接近，這樣判斷瀏覽器兼容的工作量就能減小到最少。 2. 逐步疊加的方式，如果需要用這個樣式的模塊很多，并且會存在些許的不同，千萬不要把樣式一步寫到位，最好把框架性的先寫好，細節性的留到第二個步驟，甚至第三個步驟，當然最好步驟不要超過三步，這樣很不利于維護。由若干個二級定義對一級定義進行補充，這樣的既可以減少代碼，又可以減少繁多的CLASS命名。 3. 從總到分。順序應該是這樣：總體需要用到的>>結構>>模塊>>二級模塊>>細節；并且這個文檔最不容易修改的處于最上端，頻繁用于修改的在末端。最忌諱即興發揮，這樣寫出的東西經不起推敲，稍有變化就要忙得亂成一團。結構性的東西應該慎重精細。 4. 盡量把能夠放在一組的小圖標或者圖片放在一個圖片文件里，這樣的好處有很多。 a) 圖片文件的總量會變小； b) 利于下載，太多的小圖片下載效果是不理想的，常常會發現這個圖片出來，那個沒出來，這樣在寫樣式的時候只需要寫一個總體的，對于具體的要顯示的只需要標一個位置，非常省時間，樣式也很精煉； c) 顯而易見，這樣做非常便于管理，替換或新增的時候工作量很小。 5. 切圖的原則，應該切大的圖絕不切小，應該切小的絕不切大，能夠用顏色代替的絕不切圖。把一個大圖切成很多份并不一定能夠加快頁面的顯示速度，相反會浪費很多不必要的帶寬。不光要控制圖片文件的多少，還要考慮到這樣切會不會造成頁面增加許多額外的代碼。 6. 圖片的命名規則，定一個規則，準備用一輩子。這樣以后你看CSS文檔的時候，你只要看到某個圖片名稱的時候，你不需要看太多你就知道這個圖片的用途、位置；這樣可以最大限度的保證樣式的重用性。 7. 在該不該用表格的問題上，我的態度是，涉及多行多列的特別是列寬有不固定的，堅決用表格，這個沒啥好討論的，千萬不要為了DIV而DIV，用一大陀CSS去模仿一個表格是很極端的行為。當然也有例外的，需要靈活處理，但千萬別模仿什么表格。 8. 盡可能不把樣式直接寫到元素的標簽里（除非這個樣式出現的機率特別小，有相當程度的偶然性），把樣式直接寫到元素標簽里是一種工作范疇意義上的無政府行為，非常不負責。 9. 盡量不要用ID來定義或索引樣式，ID的唯一性比較高，且用ID索引樣式效率非常低而且兼容性的問題也比較明顯。