CSS樣式命名整理

CSS樣式命名整理

頁面結構

容器: container/wrap總體寬度：wrapper頁頭：header內容：content頁面主體：main頁尾：footer導航：nav側欄：sidebar欄目：column中間內容：center

導航

導航：nav導航：mainbav/globalnav子導航：subnav頂導航：topnav邊導航：sidebar左導航：leftsidebar右導航：rightsidebar邊導航圖標：sidebarIcon菜單：menu子菜單：submenu標題: title

功能

標誌：logo登錄：login登陸條：loginbar註冊：regsiter產品：products產品價格：productsPrices產品評論：productsReview編輯評論：editor-review最新產品：news-release廣告/標語：banner摘要:summary生產商：publisher縮略圖：screenshot常見問題：faqs關鍵詞：keyword博客：blog論壇：forum搜索：search搜索輸入框：search-input搜索輸出：search-output搜索結果：search-results加入咱們：joinus狀態：status按鈕：btn滾動：scroll標籤頁：tab文章列表：list提示信息：msg/message當前的: current小技巧：tips皮膚：skin充值：pay活動：activities推廣：promotion公告：announcement排行：ranking公司簡介：companyProfile公司設備：equipment公司榮譽：glories企業文化：culture企業規模：scaleScale營銷網絡：salesNetwork組織機構：organization技術力量：technology分支機構：branches企業資質：EnterpriseQualification公司實力：strengthStrength經營理念：operationPrinciple經理致辭：manager_oration發展歷程：developmentHistory工程案例：EngineeringProjects分類瀏覽：browseByCategory應用領域：applicationFields人力資源：humanResourceHr領致使辭： leader_oration客戶留言：customerMessage客戶服務：customerService您的要求：yourRequirements銷售信息：salesInformation招商：EnterpriseEstablishing教育培訓：EducationTraining在線交流：onlineCommunication質量認證：qualityCertification合做加盟：joinInCooperation產品描述：productsDescription業務範圍：businessScope產品銷售：salesSales聯繫咱們：contactUs信息發佈：Information返回首頁：homepage產品定購：order電子商務：E-business版權全部：copy Right友情連結：hot Link行業新聞：tradeNews行業動態：trends郵編：postalCodeZipcode新聞動態：newsTrends公司名稱：companyName銷售熱線：salesHot_Line聯繫人：contactPerson建設中：InConstruction證書：certificate地址：ADD/Add電話：TEL/Tel傳真：FAX/Fax產品名稱：productName產品說明：description價格：price品牌：brand規格：specification尺寸：size生產廠家：manufacuturer型號：model產品標號：Item No技術指標：techniqueData產品描述：description產地：productionPlace用途：application論壇：Forum在線訂購：on_lineOrder招標：bidInviting綜述：general業績：achievements大事：greatEvent動態：trends服務：service投資：Investment行業：Industry規劃：programming環境：environment發送：delivery提交：submit重寫：reset社區：community業務：business在線調查：onlineInquiry下載中心：download意見反饋：feedback常見問題：FAQ中心概況：generalProfile遊樂園：amusementPark專題報道：specialReport圖標: icon註釋：note指南：guild服務：service熱點：hot新聞：news下載：download投票：vote商　標：label/branding當前位置：breadcrumb/loc購物車：shop標籤：tag信譽：siteinfo-credits網站信息：siteinfo法律聲明：siteinfo-legal合做夥伴：partner友情連接：friendlink版權：copyright