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

一、命名規(guī)范：

1、基本要求：

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

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

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

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

5）編寫 CSS 的時候，應當避免使用CSS Hack，能不用則不用。

6）所有頁面默認都針對Firefox 等最接近標準的瀏覽器進行設計，然后使用 IE 特有條件注釋功能進行針對性修正。

7）請使用英文進行命名，盡量避免使用拼音。命名要求具有可讀性，盡量避免使用縮寫。命名雖然允許數(shù)字，但應盡量避免使用數(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；

補丁：pacth.css；

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

4、ID及Class命名常用名稱

頁頭：header

登錄條：login-bar

標志：logo

側(cè)欄：side-bar

廣告：banner

導航：nav

子導航：sub-nav

菜單：menu

子菜單：sub-menu

搜索：search

滾動：scroll

頁面主體：main

內(nèi)容：content

標簽頁：tab

文章列表：list

提示信息：msg

小技巧：tips

欄目標題：title

加入：joinus

指南：guild

服務：service

熱點：hot

新聞：news

下載：download

注冊：regsiter

狀態(tài)：status

按鈕：btn

投票：vote

合作伙伴：partner

友情鏈接：friendlink

版權(quán)：copyright

外套：wrap

頁腳：footer

標題：title

頂導航：top-nav（mini-nav）

以上就是分享div+css前端命名的規(guī)則的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！