編程命名是個(gè)重要的事，這里收集起來，避免命名詞窮

一、樣式文件命名：

主要的master.css

模塊module.css

基本共用base.css

主題themes.css

專欄columns.css

打印print.css

文字font.css

表單forms.css

補(bǔ)丁mend.css

布局，版面layout.css

二、class的命名

1.顏色:使用顏色的名稱或者16進(jìn)制代碼,如:

.red{color:red;}

.f60{color:#f60;}

.ff8600{color:#ff8600;}

2.字體大小,直接使用"font+字體大小"作為名稱,如:

.font12px{font-size:12px;}

.font9pt{font-size:9pt;}

3. 對齊樣式,使用對齊目標(biāo)的英文名稱,如:

.left{float:left;}

.bottom{float:bottom;}

4. 標(biāo)題欄樣式,使用"類別+功能"的方式命名,如:

.bar_news{}

.bar_product{}

三、 頁面結(jié)構(gòu)命名

頁面外圍控制整體布局寬度：wraper

容器：container

側(cè)欄：sidebar

欄目：column

左右中：leftrightcenter

內(nèi)容：content/container

頁眉：header

頁腳：footer

四、 導(dǎo)航命名

主導(dǎo)航：main_nav

子導(dǎo)航：sub_nav

頂導(dǎo)航：top_nav

邊導(dǎo)航：sidebar

左邊導(dǎo)航：left_side_bar

右邊導(dǎo)航：right_side_bar

菜單容量：menu_contaier

子菜單：sub_menu

邊導(dǎo)航圖標(biāo)：side_bar_icon

注釋：note

面包屑：bread_crumb

摘要:summary

標(biāo)題：title

五、功能命名

商標(biāo)：label

廣告：banner

搜索：search

登錄條：login_bar

登錄：login

注冊：regsiter

提示信息：msg

小技巧：tips

功能區(qū)：shop（如購物車，收銀臺）

當(dāng)前的：current

加入：joinus

狀態(tài)：status

按鈕：btn

熱點(diǎn)：hot

新聞：news

下載：download

滾動：scroll

標(biāo)簽頁：tab

文章列表：list

指南：guild

服務(wù)：service

狀態(tài)：status

投票：vote

合作伙伴：partner

友情鏈接：link

版權(quán)：copyright

總結(jié)

以上是生活随笔為你收集整理的css文件的一些规范的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。