網(wǎng)頁(yè)設(shè)計(jì)制作教程:CSS書(shū)寫(xiě)格式

2024-07-11 08:44:06

字體：大中小

供稿：網(wǎng)友

我理解的優(yōu)點(diǎn)為：一是程序結(jié)構(gòu)清晰易讀，不會(huì)眼花繚亂而影響發(fā)揮；二是最大化利用了空間，單屏內(nèi)能顯示更多定義，提高了開(kāi)發(fā)效率，敲回車(chē)和空格肯定是空格更方便。
這個(gè)CSS書(shū)寫(xiě)格式是我自創(chuàng)的，常有朋友提出異議，這里做個(gè)簡(jiǎn)單總結(jié)：

分類(lèi)，一個(gè)模塊或者同類(lèi)功能定義為一類(lèi)定義，每類(lèi)定義之間用段落隔開(kāi)；分級(jí)，每類(lèi)定義中的每個(gè)定義語(yǔ)句，根據(jù)結(jié)構(gòu)或語(yǔ)意級(jí)別使用Tab縮進(jìn)縱向?qū)R；分?jǐn)啵總€(gè)定義內(nèi)的每個(gè)屬性定義之間，用“分號(hào) 空格”隔開(kāi)，注意定義語(yǔ)句與分號(hào)間無(wú)空格，“{}”內(nèi)前有空格而后無(wú)空格；連排，每個(gè)定義不換行，一直橫排。某些編輯器會(huì)自動(dòng)換行，但無(wú)大影響，畢竟定義語(yǔ)句很長(zhǎng)的是少數(shù)；在Dreamweaver效果_VeVb.com

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