1. 程式人生 > >css書寫規範以及如何寫出賞心悅目的代碼

css書寫規範以及如何寫出賞心悅目的代碼

英文 沒有 易維 不能 統一 wid 協作開發 簡易 eset

css書寫規範:

1. 編碼統一為utf-8;
2. 協作開發及分工: i根據各個模塊, 同時根據頁面相似程序, 事先寫好大體框架文件,同時根據頁面相似程序,事先寫好大體框架文件。共用css文件base.css由i書寫, 協作開發過程中, 每個頁面務必都要引入, 文件包含reset及頭部底部樣式, 此文件不可隨意修改;
3. class與id的使用: id是唯一的並是父級的, class是可以重復的並是子級的, 所以id僅使用在大的模塊上, class可用在重復使用率高及子級中; id原則上都是由分發框架文件時命名的
4.class與id命名: 大的框架命名比如header/footer/wrapper/left/right之類的在2中由i統一命名.其他樣式名稱由 小寫英文 & 數字 & _ 來組合命名, 如i_comment, fontred, width200; 避免使用中文拼音, 盡量使用簡易的單詞組合; 總之, 命名要語義化, 簡明化.
5.規避class與id命名(很重要)

一般賞心悅目的css代碼,應具備以下特點。

1.簡潔
代碼要簡練,標簽和命名選擇適當,優先級處理得體,該縮寫,該共用的屬性提煉得當,短小精悍。
2.易維護
註釋、書寫規範符合團隊要求,易讀,易於抽取和擴展,不便維護的代碼即使看來花了很大功夫把代碼寫的很優雅,在他人看來仍然很差勁。
3.易用
任何代碼都是為解決問題而存在的,不能解決問題就沒有價值,用最合適的方式去解決問題。

css書寫規範以及如何寫出賞心悅目的代碼