網(wǎng)頁(yè)設(shè)計(jì)制作教程:CSS書寫格式
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2009-04-02 19:34:58 作者:佚名
我要評(píng)論

網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介:我理解的優(yōu)點(diǎn)為:一是程序結(jié)構(gòu)清晰易讀,不會(huì)眼花繚亂而影響發(fā)揮;二是最大化利用了空間,單屏內(nèi)能顯示更多定義,提高了開發(fā)效率,敲回車和空格肯定是空格更方便。
這個(gè)CSS書寫格式是我自創(chuàng)的,常有朋
我理解的優(yōu)點(diǎn)為:一是程序結(jié)構(gòu)清晰易讀,不會(huì)眼花繚亂而影響發(fā)揮;二是最大化利用了空間,單屏內(nèi)能顯示更多定義,提高了開發(fā)效率,敲回車和空格肯定是空格更方便。
這個(gè)CSS書寫格式是我自創(chuàng)的,常有朋友提出異議,這里做個(gè)簡(jiǎn)單總結(jié):
-
分類,一個(gè)模塊或者同類功能定義為一類定義,每類定義之間用段落隔開;
分級(jí),每類定義中的每個(gè)定義語(yǔ)句,根據(jù)結(jié)構(gòu)或語(yǔ)意級(jí)別使用Tab縮進(jìn)縱向?qū)R;
分?jǐn)?,每個(gè)定義內(nèi)的每個(gè)屬性定義之間,用“分號(hào) 空格”隔開,注意定義語(yǔ)句與分號(hào)間無(wú)空格,“{}”內(nèi)前有空格而后無(wú)空格;
連排,每個(gè)定義不換行,一直橫排。某些編輯器會(huì)自動(dòng)換行,但無(wú)大影響,畢竟定義語(yǔ)句很長(zhǎng)的是少數(shù);

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

仁者見仁智者見智的問題,這和自己習(xí)慣的開發(fā)環(huán)境有很大關(guān)系。個(gè)人愚見,僅供參考。
相關(guān)文章
- 下面小編就為大家?guī)?lái)一篇引用css樣式的書寫格式詳解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-03
CSS書寫格式、一個(gè)手機(jī)頁(yè)面的基本結(jié)構(gòu)詳解
這篇文章主要介紹了CSS書寫格式、一個(gè)手機(jī)頁(yè)面的基本結(jié)構(gòu),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-09