Web標準學習：CSS樣式書寫風格_Web標準教程

這個格式是我自創的，經常有人問我為什么，這里做個簡單總結：

1、分類，一個模塊或者同類功能定義為一類定義，每類定義之間用段落隔開。

2、分級，每類定義中的每個定義語句，根據結構或語意級別使用Tab縮進縱向對齊。

3、分斷，每個定義內的每個屬性定義之間，用“分號+空格”隔開，注意定義語句與分號間無空格，“{}”內前有空格而后無空格。

4、連排，每個定義不換行，一直橫排。某些編輯器會自動換行，但無大影響，畢竟定義語句很長的是少數。

我自己理解的優點為：一是程序結構清晰易讀，不會眼花繚亂而影響發揮；二是最大化利用了空間，一屏內能顯示更多定義，提高了開發效率，敲回車和空格當然是空格更方便。當然，如果需要做的更好，還得加上合理的注釋。

有人質疑這么書寫可能會造成太擠密，而橫排閱讀困難。這種弊端是顯而易見的，但實際應用中，大面積的復雜語句堆在一起的情況和CSS定義精髓是相沖突的，只要優化做到家了，這種情況會很少。

另外使用某些編輯器也能避免這些問題，比如UltraEdit有一個橫排操作區域提示，用來代替記事本快速編輯時很有效。

仁者見仁智者見智的問題，這和自己習慣的開發環境有很大關系。個人愚見，僅供參考。