Web標準學習:CSS樣式書寫風格_Web標準教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
這個格式是我自創的,經常有人問我為什么,這里做個簡單總結:
1、分類,一個模塊或者同類功能定義為一類定義,每類定義之間用段落隔開。
2、分級,每類定義中的每個定義語句,根據結構或語意級別使用Tab縮進縱向對齊。
3、分斷,每個定義內的每個屬性定義之間,用“分號+空格”隔開,注意定義語句與分號間無空格,“{}”內前有空格而后無空格。
4、連排,每個定義不換行,一直橫排。某些編輯器會自動換行,但無大影響,畢竟定義語句很長的是少數。
我自己理解的優點為:一是程序結構清晰易讀,不會眼花繚亂而影響發揮;二是最大化利用了空間,一屏內能顯示更多定義,提高了開發效率,敲回車和空格當然是空格更方便。當然,如果需要做的更好,還得加上合理的注釋。
有人質疑這么書寫可能會造成太擠密,而橫排閱讀困難。這種弊端是顯而易見的,但實際應用中,大面積的復雜語句堆在一起的情況和CSS定義精髓是相沖突的,只要優化做到家了,這種情況會很少。
另外使用某些編輯器也能避免這些問題,比如UltraEdit有一個橫排操作區域提示,用來代替記事本快速編輯時很有效。
仁者見仁智者見智的問題,這和自己習慣的開發環境有很大關系。個人愚見,僅供參考。
相關Web標準教程:
- 相關鏈接:
- 教程說明:
Web標準教程-Web標準學習:CSS樣式書寫風格。