Css的三種經常使用代碼風格

代碼格式化的做用：代碼更佳美觀、容易理解和更好維護。

代碼風格一：

主要包括如下特徵：

1. 選擇符頂行書寫。
2. 每條聲明單行顯示並縮進4空格
3. 規則之間能夠適當空行，以便於閱讀
4. 屬性與屬性值之間，以及選擇符列表之間建議空一格，使代碼顯得不至於擁擠。

代碼風格二：

主要包括如下特徵：

1. 選擇符頂行書寫。
2. 樣式代碼單行顯示，全部聲明都並列在一行內。
3. 規則之間能夠適當空行，以便閱讀。
4. 屬性與屬性值之間、聲明之間，以及選擇符列表之間最好空一格，便於閱讀。

代碼風格三：

主要包括如下特徵：

1. 選擇符頂行書寫。
2. 當樣式內代碼比較少時，或聲明的條數僅爲1~2條時，能夠把代碼並列在一行內顯示，遵循第二種代碼風格的樣式。
3. 當樣式內代碼比較多時，或聲明的條數超過3條時，能夠多行顯示聲明，遵循第一種代碼風格樣式
4. 屬性與屬性值之間、聲明之間，以及選擇符列表之間最好空一格，便於閱讀。樣式之間能夠適當空行。

代碼格式能夠使用開發工具進行優化和設置。