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

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

仁者見仁智者見智的問(wèn)題,這和自己習(xí)慣的開發(fā)環(huán)境有很大關(guān)系。個(gè)人愚見,僅供參考。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)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)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語(yǔ):開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- CSS樣式表規(guī)劃與管理的經(jīng)驗(yàn)總結(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)頁(yè)版權(quán)的正確寫法
- 什么人需要學(xué)習(xí)、適合學(xué)習(xí)WEB標(biāo)準(zhǔn)?
- 哪所中國(guó)高校關(guān)注過(guò)Web標(biāo)準(zhǔn)?
- 教你如何動(dòng)態(tài)加載外部CSS與JS文件
- PDF、ZIP、DOC鏈接的標(biāo)注(CSS技巧)
猜你也喜歡看這些
- img標(biāo)簽下多余空白BUG解決方法
- 非主流瀏覽器Nascape中CSS的顯示與IE的差別
- IE7beta2的CSS兼容性
- IE中文字結(jié)尾出現(xiàn)重復(fù)跳字的解決辦法
- li中出現(xiàn)兩個(gè)以上浮動(dòng)時(shí)列表標(biāo)記出現(xiàn)問(wèn)題的解決辦法
- text-overflow:ellipsis非IE的瀏覽器的另類應(yīng)用!
- chrome 的 css hack
- XHTML1.0、XHTML Basic、XHTML1.1及XHTML2.0區(qū)別
- 如何兼容IE7和IE8
- CSS hack之特殊符號(hào)的應(yīng)用
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索Web標(biāo)準(zhǔn)學(xué)習(xí):CSS樣式書寫風(fēng)格
- 教程說(shuō)明:
Web標(biāo)準(zhǔn)教程-Web標(biāo)準(zhǔn)學(xué)習(xí):CSS樣式書寫風(fēng)格
。