由於很對同學在學生時期做網站開發時命名並不規範，這對於以後工作過程來說簡直是一個毒瘤的存在！所以在開發的時候，註意自己的命名規範是非常有必要的，以下是一些常用的css命名，寫此隨筆以備不時之需。

(1)頁面結構

容器: container

頁頭：header

內容：content/container/content(A)

頁面主體：main

頁尾：footer

導航：nav

側欄：sidebar

欄目：column

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

左右中：left right center

浮左浮右：fl fr

清除浮動 clear

(2)導航

導航：nav

主導航：mainbav

子導航：subnav

頂導航：topnav

邊導航：sidebar

左導航：leftsidebar

右導航：rightsidebar

菜單：menu

子菜單：submenu

標題：title

摘要：summary

路徑：path

(3)模塊化命名

模塊頭部：hd

模塊內容部分：bd

模塊底部：ft

(4)各內容頁對應

標題：title

副標題：subtitle

屬性：properties

簡介：infor

內容：content

分頁：page

插入廣告：insert_ad

表情：expression

功能選項：options

上下篇：up_down

評論：comments

相關內容：related

下載地址：download

播放地址：play_add

(5)功能

標誌：logo

廣告：banner

登陸：login

登錄條：loginbar

註冊：regsiter

搜索：search

日期：date

功能區：shop

標題：title

加入：joinus

狀態：status

按鈕：btn

滾動：scroll