網頁設計制作教程:CSS書寫格式

2024-07-11 08:24:26

字體：大中小

來源：轉載

供稿：網友

我理解的優點為：一是程序結構清晰易讀，不會眼花繚亂而影響發揮；二是最大化利用了空間，單屏內能顯示更多定義，提高了開發效率，敲回車和空格肯定是空格更方便。
這個CSS書寫格式是我自創的，常有朋友提出異議，這里做個簡單總結：

分類，一個模塊或者同類功能定義為一類定義，每類定義之間用段落隔開；分級，每類定義中的每個定義語句，根據結構或語意級別使用Tab縮進縱向對齊；分斷，每個定義內的每個屬性定義之間，用“分號空格”隔開，注意定義語句與分號間無空格，“{}”內前有空格而后無空格；連排，每個定義不換行，一直橫排。某些編輯器會自動換行，但無大影響，畢竟定義語句很長的是少數；在Dreamweaver效果_Vevb.com

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