小技巧:網頁樣式表CSS的書寫風格

來源:互聯網
上載者:User
css|技巧|網頁|樣式表 這個格式是我自創的,經常有人問我為什麼,這裡做個簡單總結:

1. 分類,一個模組或者同類功能定義為一類定義,每類定義之間用段落隔開。
2. 分級,每類定義中的每個定義語句,根據結構或語意層級使用Tab縮排縱向對齊。
3. 分斷,每個定義內的每個屬性定義之間,用“分號+空格”隔開,注意定義語句與分號間無空格,“{}”內前有空格而後無空格。
4. 連排,每個定義不換行,一直橫排。某些編輯器會自動換行,但無大影響,畢竟定義語句很長的是少數。

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

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

另外使用某些編輯器也能避免這些問題,比如UltraEdit有一個橫排操作地區提示,用來代替記事本快速編輯時很有效。
仁者見仁智者見智的問題,這和自己習慣的開發環境有很大關係。個人愚見,僅供參考。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.