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

一、樣式文件命名：

主要的master.css

模塊module.css

基本共用base.css

主題themes.css

專欄columns.css

打印print.css

文字font.css

表單forms.css

補丁mend.css

布局，版面layout.css

二、class的命名

1.顏色:使用顏色的名稱或者16進制代碼,如:

.red{color:red;}

.f60{color:#f60;}

.ff8600{color:#ff8600;}

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

.font12px{font-size:12px;}

.font9pt{font-size:9pt;}

3. 對齊樣式,使用對齊目標的英文名稱,如:

.left{float:left;}

.bottom{float:bottom;}

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

.bar_news{}

.bar_product{}

三、 頁面結構命名

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

容器：container

側欄：sidebar

欄目：column

左右中：leftrightcenter

內容：content/container

頁眉：header

頁腳：footer

四、 導航命名

主導航：main_nav

子導航：sub_nav

頂導航：top_nav

邊導航：sidebar

左邊導航：left_side_bar

右邊導航：right_side_bar

菜單容量：menu_contaier

子菜單：sub_menu

邊導航圖標：side_bar_icon

注釋：note

面包屑：bread_crumb

摘要:summary

標題：title

五、功能命名

商標：label

廣告：banner

搜索：search

登錄條：login_bar

登錄：login

注冊：regsiter

提示信息：msg

小技巧：tips

功能區：shop（如購物車，收銀臺）

當前的：current

加入：joinus

狀態：status

按鈕：btn

熱點：hot

新聞：news

下載：download

滾動：scroll

標簽頁：tab

文章列表：list

指南：guild

服務：service

狀態：status

投票：vote

合作伙伴：partner

友情鏈接：link

版權：copyright

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。