div+css前端命名有什么規則

這篇文章將為大家詳細講解有關div+css前端命名有什么規則，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

前端布局規范細則

一、命名規范：

1、基本要求：

1）文件編碼統一使用 UTF-8 編碼；

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

3）結構清晰，層級關系明朗，以不超過三級為標準；

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

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

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

7）請使用英文進行命名，盡量避免使用拼音。命名要求具有可讀性，盡量避免使用縮寫。命名雖然允許數字，但應盡量避免使用數字命名。

2、命名方法 要求采用統一的命名方法。常用命名方法有：

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

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

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

4）駱駝命名法，如：helloWorld

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

6）其他方法。

3、樣式文件命名規范 如：

全局的：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

側欄：side-bar

廣告：banner

導航：nav

子導航：sub-nav

菜單：menu

子菜單：sub-menu

搜索：search

滾動：scroll

頁面主體：main

內容：content

標簽頁：tab

文章列表：list

提示信息：msg

小技巧：tips

欄目標題：title

加入：joinus

指南：guild

服務：service

熱點：hot

新聞：news

下載：download

注冊：regsiter

狀態：status

按鈕：btn

投票：vote

合作伙伴：partner

友情鏈接：friendlink

版權：copyright

外套：wrap

頁腳：footer

標題：title

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

關于div+css前端命名有什么規則就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。