8個實用的css技巧

下面列出了一些可以協助你改善CSS樣式表的簡單實用的方法，如果你剛剛開始使用CSS，這篇日誌可以協助你更好的理解CSS。

下面列出了一些可以協助你改善CSS樣式表的簡單實用的方法，如果你剛剛開始使用CSS，這篇日誌可以協助你更好的理解CSS。

#1. 結構

保持CSS結構清晰，不僅有助於保持CSS檔案的簡單，也利於日後的檢查、更改。

#2. 保持簡潔

保持代碼簡潔，可以大幅減小CSS檔案的大小。

#3. Padding vs. Margin

對於瀏覽器來說，Margin是相容性最差的一個屬性。因此，只要條件允許，應該儘可能的使用Padding屬性。

#4. 整合

在下面的例子中定義了一個公用的Class，來代替不同的地方都要用到的相同的代碼：color:grey。

#5. 注釋

在適當的位置加入一條簡單的注釋，不僅有助於你瞭解代碼，其他人也可以很好的理解你的代碼。

#6. 驗證

最好對已經建立好的CSS檔案進行驗證，這樣可以協助你找到檔案中存在的錯誤。W3C CSS 驗證服務

#7. 避免在XHTML中使用樣式

不要在Xhtml代碼中使用樣式，這樣不僅會增加網頁檔案的大小，而且也會使代碼混亂，變複雜。

#8. 命名

使用標準的可以從字面上正確理解的ID和Class名稱，而不僅僅是代號。