web前端開發(fā)規(guī)范文檔(編輯修改稿)
2025-08-31 10:15 本頁面
【文章內(nèi)容簡介】 簡明化. 6.規(guī)避class與id命名(此條重要,若有不明白請及時(shí)與i溝通): a,通過從屬寫法規(guī)避,示例見d。 b,取父級(jí)元素id/class命名部分命名,示例見d。 c,重復(fù)使用率高的命名,請以自己代號(hào)加下劃線起始,比如i_clear?！ ,a,b兩條,適用于在2中已建好框架的頁面,如,Example Source Code []要在2中已建好框架的頁面代碼divid=mainnav/div中加入新的div元素,按a命名法則:divid=mainnavdivclass=firstnav.../div/div,樣式寫法:mainnav.firstnav{.......}按b命名法則:divid=mainnavdivclass=main_firstnav.../div/div,樣式寫法:.main_firstnav{.......} 7.css屬性書寫順序,建議遵循:布局定位屬性自身屬性文本屬性其他屬性.此條可根據(jù)自身習(xí)慣書寫,但盡量保證同類屬性寫在一起.Example Source Code []屬性列舉:布局定位屬性主要包括:displayamp。liststyleamp。position（相應(yīng)的top,right,bottom,left）＆floatamp。clear＆visibility＆overflow；自身屬性主要包括:widthamp。heightamp。marginamp。paddingamp。borderamp。background。文本屬性主要包括：coloramp。fontamp。textdecorationamp。textalignamp。verticalalignamp。whitespaceamp。其他amp。content。我所列出的這些屬性只是最常用到的,并不代表全部?！ ?.書寫代碼前,考慮并提高樣式重復(fù)使用率?！ ?.充分利用html自身屬性及樣式繼承原理減少代碼量,比如:Example Source Code []ulclass=listli這兒是標(biāo)題列表span20100915/span/ul定義li{position:relative}lispan{position:absolute。right:0}即可實(shí)現(xiàn)日期居右顯示 10.樣式表中中文字體名,請務(wù)必轉(zhuǎn)碼成unicode碼,
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號(hào)-1