Web標(biāo)準(zhǔn)學(xué)習(xí):CSS樣式書寫風(fēng)格_Web標(biāo)準(zhǔn)教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
這個格式是我自創(chuàng)的,經(jīng)常有人問我為什么,這里做個簡單總結(jié):
1、分類,一個模塊或者同類功能定義為一類定義,每類定義之間用段落隔開。
2、分級,每類定義中的每個定義語句,根據(jù)結(jié)構(gòu)或語意級別使用Tab縮進(jìn)縱向?qū)R。
3、分?jǐn)啵總定義內(nèi)的每個屬性定義之間,用“分號+空格”隔開,注意定義語句與分號間無空格,“{}”內(nèi)前有空格而后無空格。
4、連排,每個定義不換行,一直橫排。某些編輯器會自動換行,但無大影響,畢竟定義語句很長的是少數(shù)。

我自己理解的優(yōu)點為:一是程序結(jié)構(gòu)清晰易讀,不會眼花繚亂而影響發(fā)揮;二是最大化利用了空間,一屏內(nèi)能顯示更多定義,提高了開發(fā)效率,敲回車和空格當(dāng)然是空格更方便。當(dāng)然,如果需要做的更好,還得加上合理的注釋。
有人質(zhì)疑這么書寫可能會造成太擠密,而橫排閱讀困難。這種弊端是顯而易見的,但實際應(yīng)用中,大面積的復(fù)雜語句堆在一起的情況和CSS定義精髓是相沖突的,只要優(yōu)化做到家了,這種情況會很少。
另外使用某些編輯器也能避免這些問題,比如UltraEdit有一個橫排操作區(qū)域提示,用來代替記事本快速編輯時很有效。

仁者見仁智者見智的問題,這和自己習(xí)慣的開發(fā)環(huán)境有很大關(guān)系。個人愚見,僅供參考。
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- CSS樣式表規(guī)劃與管理的經(jīng)驗總結(jié)
- 用!important解決IE和Mozilla的布局差別
- XHTML1.0、XHTML Basic、XHTML1.1及XHTML2.0區(qū)別
- WebStandards(XHTML CSS)的目的和好處是什么?
- Web標(biāo)準(zhǔn)學(xué)習(xí):CSS樣式書寫風(fēng)格
- 網(wǎng)頁版權(quán)的正確寫法
- 什么人需要學(xué)習(xí)、適合學(xué)習(xí)WEB標(biāo)準(zhǔn)?
- 哪所中國高校關(guān)注過Web標(biāo)準(zhǔn)?
- 教你如何動態(tài)加載外部CSS與JS文件
- PDF、ZIP、DOC鏈接的標(biāo)注(CSS技巧)
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-Web標(biāo)準(zhǔn)學(xué)習(xí):CSS樣式書寫風(fēng)格
。