### 高質量的HTML代碼
1. 做到標簽的語義化，不過度使用div而忽略一些其他的具有語義化的標簽，例如標題就用h標簽,內容就用p標簽,等等，這些無論對搜索引擎的優化還是代碼的可讀性都有好處。
2. 要做到頁面即使去掉CSS，也具有良好的可讀性結構。
### 高質量的CSS代碼
1. 對于高度復用部分，通用類以及特異化部分可以分別放到各自的CSS中，如通用類（css-reset.css),復用類（public.css），特定頁面（pagename.css)
2. 書寫模塊化的CSS對于結構相同的部分可以書寫模塊化的樣式，對于其在特異位置的差別可以組合特異類名來重寫添加部分樣式已適應環境。
3. 類命名方式采用語義清晰地英文單詞或者組合詞，可用駝峰形式書寫或者以“-”來間隔詞語，我一般的做法是一個模塊的父級類名用“-”，而其內部元素的類名用下劃線。在多人配合的情況下，可在類名前加上名字縮寫，以避免發生命名沖突。
4. 使用多類名組合的方式來書寫或修改模塊通用的CSS樣式，可以解決代碼的冗余，并且易于維護
5. 使用雪碧圖減少服務器壓力，優化背景圖加載切換的時間
6. 一般情況下盡量使用class，少用id來書寫樣式，利于重用
