前端布局規(guī)范細(xì)則

一、命名規(guī)范：

1、基本要求：

1）文件編碼統(tǒng)一使用 UTF-8 編碼；

2）命名時(shí)以符合語義為主要參考指標(biāo)，CSS屬性書寫規(guī)范，采用統(tǒng)一風(fēng)格及命名方法；

3）結(jié)構(gòu)清晰，層級關(guān)系明朗，以不超過三級為標(biāo)準(zhǔn)；

4）同一表現(xiàn)形式的樣式要求可重復(fù)利用，模塊組件類的樣式要求可整體外部移植；

5）編寫 CSS 的時(shí)候，應(yīng)當(dāng)避免使用CSS Hack，能不用則不用。

6）所有頁面默認(rèn)都針對Firefox 等最接近標(biāo)準(zhǔn)的瀏覽器進(jìn)行設(shè)計(jì)，然后使用 IE 特有條件注釋功能進(jìn)行針對性修正。

7）請使用英文進(jìn)行命名，盡量避免使用拼音。命名要求具有可讀性，盡量避免使用縮寫。命名雖然允許數(shù)字，但應(yīng)盡量避免使用數(shù)字命名。

2、命名方法 要求采用統(tǒng)一的命名方法。常用命名方法有：

1）連寫式命名法，如：helloworld

2）中線命名法，如：hello-world（目前采用此方法的較多，建議采用）

3）下劃線命名法，如：hello_world

4）駱駝命名法，如：helloWorld

5）帕斯卡命名法，如：HelloWorld

6）其他方法。

3、樣式文件命名規(guī)范 如：

全局的：global.css；

主要的：master.css；

布局、版面：layout.css；

專欄：columns.css；

文字：font.css；

打印樣式：print.css；

主題：themes.css；

補(bǔ)丁：pacth.css；

格式化瀏覽器：base.css等。

4、ID及Class命名常用名稱

頁頭：header

登錄條：login-bar

標(biāo)志：logo

側(cè)欄：side-bar

廣告：banner

導(dǎo)航：nav

子導(dǎo)航：sub-nav

菜單：menu

子菜單：sub-menu

搜索：search

滾動(dòng)：scroll

頁面主體：main

內(nèi)容：content

標(biāo)簽頁：tab

文章列表：list

提示信息：msg

小技巧：tips

欄目標(biāo)題：title

加入：joinus

指南：guild

服務(wù)：service

熱點(diǎn)：hot

新聞：news

下載：download

注冊：regsiter

狀態(tài)：status

按鈕：btn

投票：vote

合作伙伴：partner

友情鏈接：friendlink

版權(quán)：copyright

外套：wrap

頁腳：footer

標(biāo)題：title

頂導(dǎo)航：top-nav（mini-nav）

以上就是分享div+css前端命名的規(guī)則的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。