標籤：des style blog http color os io for
CSS樣式命名整理(轉)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS命名規範</title><style>body{ margin:20 auto; padding:0; font-family:"宋體"; font-size:14px;}div{ margin:0 auto; overflow:hidden;}.container{ width:900px; background:#fafafa; border:2px dashed #09C; padding:10px;}h1{ text-align:center; background:#ededed; padding:5px 0px;}h4{ width:900px; height:18px; overflow:hidden;}p{ margin:0px; padding:0px 0px;}a{ width:170px; margin:2px 4px 2px 0px; padding:2px; line-height:24px; color: #333; text-decoration:none; float:left; border:1px dashed #ccc;}a:hover{ background:#090; color:#FFF}</style></head><body><div class="container"><h1>CSS樣式命名整理</h1><h4>頁面結構</h4><p><a href="#.">容器: container/wrap</a><a href="#.">整體寬度：wrapper</a><a href="#.">頁頭：header</a><a href="#.">內容：content</a><a href="#.">頁面主體：main</a><a href="#.">頁尾：footer</a><a href="#.">導航：nav</a><a href="#.">側欄：sidebar</a><a href="#.">欄目：column</a><a href="#.">中間內容：center</a></p><h4>導航</h4><p><a href="#.">導航：nav</a><a href="#.">導航：mainbav/globalnav</a><a href="#.">子導航：subnav</a><a href="#.">頂導航：topnav</a><a href="#.">邊導航：sidebar</a><a href="#.">左導航：leftsidebar</a><a href="#.">右導航：rightsidebar</a><a href="#.">邊互動中心圖示：sidebarIcon</a><a href="#.">菜單：menu</a><a href="#.">子功能表：submenu</a><a href="#.">標題: title</a></p><h4>功能</h4><p><a href="#.">標誌：logo</a><a href="#.">登陸：login</a><a href="#.">登入條：loginbar</a><a href="#.">註冊：regsiter</a><a href="#.">產品：products</a><a href="#.">產品價格：productsPrices</a><a href="#.">產品評論：productsReview</a><a href="#.">編輯評論：editor-review</a><a href="#.">最新產品：news-release</a><a href="#.">廣告/標語：banner</a><a href="#.">摘要:summary</a><a href="#.">生產商：publisher</a><a href="#.">縮圖：screenshot</a><a href="#.">常見問題：faqs</a><a href="#.">關鍵詞：keyword</a><a href="#.">部落格：blog</a><a href="#.">論壇：forum</a><a href="#.">搜尋：search</a><a href="#.">搜尋輸入框：search-input</a><a href="#.">搜尋輸出：search-output</a><a href="#.">搜尋結果：search-results</a><a href="#.">加入我們：joinus</a><a href="#.">狀態：status</a><a href="#.">按鈕：btn</a><a href="#.">滾動：scroll</a><a href="#.">標籤頁：tab</a><a href="#.">文章列表：list</a><a href="#.">提示資訊：msg/message</a><a href="#.">當前的: current</a><a href="#.">小技巧：tips</a><a href="#.">皮膚：skin</a><a href="#.">儲值：pay</a><a href="#.">活動：activities</a><a href="#.">推廣：promotion</a><a href="#.">公告：announcement</a><a href="#.">排行：ranking</a><a href="#.">公司簡介：companyProfile </a><a href="#.">公司裝置：equipment</a><a href="#.">公司榮譽：glories</a><a href="#.">企業文化：culture</a><a href="#.">企業規模：scaleScale</a><a href="#.">營銷網路：salesNetwork</a><a href="#.">組織機構：organization</a><a href="#.">技術力量：technology</a><a href="#.">分公司：branches</a><a href="#.">企業資質：EnterpriseQualification</a><a href="#.">公司實力：strengthStrength</a><a href="#.">經營理念：operationPrinciple</a><a href="#.">經理致辭：manager_oration</a><a href="#.">發展曆程：developmentHistory</a><a href="#.">工程案例：EngineeringProjects</a><a href="#.">分類瀏覽：browseByCategory</a><a href="#.">應用領域：applicationFields</a><a href="#.">人力資源：humanResourceHr</a><a href="#.">領導致辭： leader_oration</a><a href="#.">客戶留言：customerMessage</a><a href="#.">客戶服務：customerService</a><a href="#.">您的要求：yourRequirements</a><a href="#.">銷售資訊：salesInformation</a><a href="#.">招商：EnterpriseEstablishing</a><a href="#.">教育培訓：EducationTraining</a> <a href="#.">線上交流：onlineCommunication</a><a href="#.">品質認證：qualityCertification</a><a href="#.">合作加盟：joinInCooperation</a><a href="#.">產品描述：productsDescription</a><a href="#.">業務範圍：businessScope</a><a href="#.">產品銷售：salesSales</a><a href="#.">聯絡我們：contactUs</a><a href="#.">資訊發布：Information</a><a href="#.">返回首頁：homepage</a><a href="#.">產品定購：order</a><a href="#.">電子商務：E-business</a><a href="#.">著作權：copy Right</a><a href="#.">友情連結：hot Link</a><a href="#.">行業新聞：tradeNews</a><a href="#.">行業動態：trends</a><a href="#.">郵編：postalCodeZipcode</a><a href="#.">新聞動態：newsTrends</a><a href="#.">公司名稱：companyName</a><a href="#.">銷售熱線：salesHot_Line</a><a href="#.">連絡人：contactPerson</a><a href="#.">建設中：InConstruction</a><a href="#.">認證：certificate</a><a href="#.">地址：ADD/Add</a><a href="#.">電話：TEL/Tel</a><a href="#.">傳真：FAX/Fax</a><a href="#.">產品名稱：productName</a><a href="#.">產品說明：description</a><a href="#.">價格：price</a><a href="#.">品牌：brand</a><a href="#.">規格：specification</a><a href="#.">尺寸：size</a><a href="#.">生產廠家：manufacuturer</a><a href="#.">型號：model</a><a href="#.">產品標號：Item No</a> <a href="#.">技術指標：techniqueData</a><a href="#.">產品描述：description</a><a href="#.">產地：productionPlace</a><a href="#.">用途：application</a><a href="#.">論壇：Forum</a><a href="#.">線上訂購：on_lineOrder</a><a href="#.">招標：bidInviting</a><a href="#.">綜述：general</a><a href="#.">業績：achievements</a><a href="#.">大事：greatEvent</a><a href="#.">動態：trends</a><a href="#.">服務：service</a><a href="#.">投資：Investment</a><a href="#.">行業：Industry</a><a href="#.">規劃：programming</a><a href="#.">環境：environment</a><a href="#.">發送：delivery</a><a href="#.">提交：submit</a><a href="#.">重寫：reset</a><a href="#.">社區：community</a><a href="#.">業務：business</a><a href="#.">線上調查：onlineInquiry</a><a href="#.">下載中心：download</a><a href="#.">意見反饋：feedback</a><a href="#.">常見問題：FAQ</a><a href="#.">中心概況：generalProfile</a><a href="#.">遊樂園：amusementPark </a><a href="#.">專題報道：specialReport</a><a href="#.">表徵圖: icon</a><a href="#.">注釋：note</a><a href="#.">指南：guild</a><a href="#.">服務：service</a><a href="#.">熱點：hot</a><a href="#.">新聞：news</a><a href="#.">下載：download</a><a href="#.">投票：vote</a><a href="#.">商 標：label/branding</a><a href="#.">當前位置：breadcrumb/loc</a><a href="#.">購物車：shop</a><a href="#.">標籤：tag</a><a href="#.">信譽：siteinfo-credits</a><a href="#.">網站資訊：siteinfo</a><a href="#.">法律聲明：siteinfo-legal</a><a href="#.">夥伴：partner</a><a href="#.">友情連結：friendlink</a><a href="#.">著作權：copyright</a></p></div></body></html>
CSS命名規範 from:http://www.w3cfuns.com/thread-5592941-1-1.html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
