CSS命名參考教程

CSS命名參考教程

　　CSS怎么命名?在XHTML中定義ID、CLASSS都用得上，主要是方面CSS定義樣式時(shí)能一眼看穿。所以，CSS命名僅作參考。

　　(1)頁面結(jié)構(gòu)類

　　容器: container

　　頁頭：header

　　內(nèi)容：content/container

　　頁面主體：main

　　頁尾：footer

　　導(dǎo)航：nav

　　側(cè)欄：sidebar

　　欄目：column

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

　　(2)導(dǎo)航類

　　導(dǎo)航：nav

　　主導(dǎo)航：mainnav

　　子導(dǎo)航：subnav

　　頂導(dǎo)航：topnav

　　邊導(dǎo)航：sidebar

　　左導(dǎo)航：leftsidebar

　　右導(dǎo)航：rightsidebar

　　位置導(dǎo)航： crumb

　　菜單：menu

　　子菜單：submenu

　　面包屑：breadcrumb(即頁面所處位置導(dǎo)航提示)

　　(3)網(wǎng)頁內(nèi)容類

　　標(biāo)題: title

　　摘要: summary

　　箭頭： arrow

　　商標(biāo)： label

　　網(wǎng)站標(biāo)志： logo

　　轉(zhuǎn)角/圓角： corner

　　橫幅廣告： banner

　　欄目： column

　　子菜單： subMenu

　　搜索： search

　　搜索框： searchBox

　　登錄： login

　　工具條： toolbar

　　下拉： drop

　　標(biāo)簽頁： tab

　　當(dāng)前的： current

　　列表： list

　　滾動(dòng)： scroll

　　服務(wù)： service

　　提示信息： msg

　　新聞： news

　　小技巧： tips

　　下載： download

　　欄目標(biāo)題： title

　　熱點(diǎn)： hot

　　加入： joinus

　　注冊： regsiter

　　指南： guide

　　友情鏈接： friendlink

　　狀態(tài)： status

　　版權(quán)： copyright

　　按鈕： btn

　　合作伙伴： partner

　　投票： vote

【CSS命名參考教程】相關(guān)文章：

css屬性定位教程07-23

CSS入門教程01-25

CSS閉合浮動(dòng)元素教程06-26

CSS選擇器教程06-05

CSS教程之盒模型10-17

關(guān)于CSS教程:復(fù)合型條狀圖表01-25

CSS基礎(chǔ)教程之背景圖片07-31

CSS-層疊樣式表基礎(chǔ)教程08-10

CSS教程之重置默認(rèn)樣式與IE兼容圓角的解決方法07-18

Excel 表格的基本操作教程參考01-02