css 命名原則

整理了這篇文章，歸納一下css的命名規則。

• container--
• frame,
• main,
• container,
• wrapper,
• wrap,
• shell,
• page,
• canvas,
• box,

• header--
• header,
• head,
• top,
• banner,
• logo,
• intro,
• flashbanner,
• pagetop,
• pageheader,
• navigation,
• mast,
• masthead,

• main-nav--
• nav,
• navigation,
• topnav,
• nl,
• navigationbox,
• logonav,
• navcontainer,
• sitenav,
• navbar,
• navwrapper,
• globalnav,
• secl,

• left--
• subnav,
• secondary-content,
• meun,
• sidebar,
• right,
• meun,
• leftcontent,
• ashtray,

• right--
• content-right,
• col,
• subcol,
• links,
• contentright,
• rightrail,
• extra,
• storysub,
• sidepanel,
• subcol,
• col2
• linklist,

• content--
• maincol,
• humidor,
• maincol,
• content,
• blog,
• copy,
• primary-content,
• contentleft,
• main,
• content,
• maincol,
• mainContent,
• main,

• footer--
• copyright,
• footer,
• bottom,
• foot,

此外，在分享一下一些相關的命名規則。

1.      頁面結構



• 容器：container
• 頁頭：header
• 內容：content/container
• 頁面主體：main
• 頁尾：footer
• 導航：nav
• 側欄：sidebar
• 欄目：column
• 左右中：left right center



2. 導航



• 導航：nav
• 主導航：mainbav
• 子導航：subnav
• 頂導航：topnav
• 邊導航：sidebar
• 左導航：leftsidebar
• 右導航：rightsidebar



3. 功能

• 標誌：logo
• 廣告：banner
• 登陸：login
• 登錄條：loginbar
• 註冊：regsiter
• 搜索：search
• 標題：title
• 狀態：status
• 按鈕：btn
• 標籤頁：tab
• 圖標：icon
• 註釋：note
• 服務：service
• 新聞：news
• 下載：download
• 投票：vote
• 合作夥伴：partner
• 友情鏈接：link
• 版權：copyright