2019-09-12 分類: 網(wǎng)站建設(shè)
1.?編碼統(tǒng)一為utf-8;
2.?協(xié)作開發(fā)及分工:?i會根據(jù)各個模塊,?同時根據(jù)頁面相似程序,?事先寫好大體框架文件,?分配給前端人員實現(xiàn)內(nèi)部結(jié)構(gòu)&表現(xiàn)&行為;?共用css文件base.css由i書寫,?協(xié)作開發(fā)過程中,?每個頁面請務(wù)必都要引入,?此文件包含reset及頭部底部樣式,?此文件不可隨意修改;
3.?class與id的使用:?id是唯一的并是父級的,?class是可以重復(fù)的并是子級的,?所以id僅使用在大的模塊上,?class可用在重復(fù)使用率高及子級中;?id原則上都是由我分發(fā)框架文件時命名的,?為JavaScript預(yù)留鉤子的除外;
4.?為JavaScript預(yù)留鉤子的命名,?請以?js_?起始,?比如:?js_hide,?js_show;
5.?class與id命名:?大的框架命名比如header/footer/wrapper/left/right之類的在2中由i統(tǒng)一命名.其他樣式名稱由?小寫英文?&?數(shù)字?&?_?來組合命名,?如i_comment,?fontred,?width200;?避免使用中文拼音,?盡量使用簡易的單詞組合;?總之,?命名要語義化,?簡明化.
6.?規(guī)避class與id命名(此條重要,?若有不明白請及時與i溝通):??
a,?通過從屬寫法規(guī)避,?示例見d;?
b,?取父級元素id/class命名部分命名,?示例見d;?
c,?重復(fù)使用率高的命名,?請以自己代號加下劃線起始,?比如i_clear;?
d,?a,b兩條,?適用于在2中已建好框架的頁面,?如,?要在2中已建好框架的頁面代碼中加入新的div元素,
按a命名法則:?
...
,?
樣式寫法:??#mainnav??.firstnav{.......}
按b命名法則:?
...
,?
樣式寫法:??.main_firstnav{.......}
7.?css屬性書寫順序,?建議遵循?布局定位屬性-->自身屬性-->文本屬性-->其他屬性.?此條可根據(jù)自身習(xí)慣書寫,?但盡量保證同類屬性寫在一起.?屬性列舉:?布局定位屬性主要包括:?margin?。Αadding?。Αloat(包括clear)?。Αosition(相應(yīng)的?top,right,bottom,left)?。Αisplay?。Αisibility?。Αverflow等;?自身屬性主要包括:?width?&?height?&?background?&?border;?文本屬性主要包括: font & color?。Αext-align?。Αext-decoration?。Αext-indent等;其他屬性包括:?list-style(列表樣式)?。Αertical-vlign?。Αursor & z-index(層疊順序)??。Αoom等.?我所列出的這些屬性只是最常用到的,?并不代表全部;
8.?書寫代碼前,?考慮并提高樣式重復(fù)使用率;
9.?充分利用html自身屬性及樣式繼承原理減少代碼量
當前名稱:網(wǎng)站css書寫規(guī)范/。
鏈接URL:http://m.rwnh.cn/news6/80456.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、建站公司、網(wǎng)頁設(shè)計公司、電子商務(wù)、商城網(wǎng)站、企業(yè)網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容