CSS的個人書寫風格

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

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


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

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

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


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

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。