Web前端——CSS的命名規范和范例

      CSS的命名規范

1   意義

  規范的命名有助有提升團隊開發效率

   規范的命名有助有后期產品的維護

   規范的命名有助有后期的二次開發

2   范例

2.1   頁面結構

   container/wrap   容器

   header   頁頭

   main   頁面主體

   sidebar   側欄

   center   中間內容

   wrapper   整體寬度

   content   內容

   footer   頁尾

   column   欄目

2.2   導航

   nav   導航

   subnav   子導航

   sidebar   邊導航

   rightsidebar   右導航

   menu   菜單

   title   標題

   mainnav/globalnav   主導航

   topnav   頂導航

   leftsidebar   左導航

   sidebarIcon   邊導航圖標

   submenu   子菜單

2.3   功能

   logo   標志

   loginbar   登錄條

   products   產品

   products_review   產品評論

   banner   廣告/標語

   login   登陸

   regsiter   注冊

   products_prices   產品價格

   editor_review   編輯評論

   news_release   最新產品

   summary   摘要

   publisher   生產商

   faqs   常見問題

   blog   博客

   search   搜索

   search_output   搜索輸出

   joinus   加入我們

   btn   按鈕

   tab   標簽頁

   mag/message   提示信息

   tips   小技巧

   pay   充值

   promotion   推廣

   ranking   排行

   equipment   公式設備

   culture   企業文化

   sales_network   營銷網絡

   technology   技術力量

   enterprise_qualification   企業資質

   screenshot   縮略圖

   keyword   關鍵詞

   forum   論壇

   search_input   搜索輸入框

   search_results   搜索結果

   status   狀態

    scroll   滾動

   list   文章列表

   current   當前的

   skin   皮膚

   activities   活動

   announcement   公告

   company_profile   公式簡介

   glories   公司榮耀

   scale   企業規模

   organization   組織機構

   branches   分支機構

   strength_strength   公式實力

   operation_principle   經營理念

   development_history   發展歷程

   browse_by_category   發展要求

   human_resource_hr   人力資源

   customer_message   客戶要求

   your_requirements   您的要求

   enterprise_establishing   招商

   online_communicarion   在線交流

   joinIn_cooperation   合作×××

   business_scope   業務范圍

   contact_us   聯系我們

   homepage   返回首頁

   e_business   電子商務

   manager_oration   經理致辭

   engineering_projects   工程案件

   application_fields   應用領域

   leader_oration   領導致辭

   customer_service   客戶服務

   sales_information   銷售信息

   education_training   教育培訓

   quality_certification   質量認證

   products_description   產品描述

   sales_sales   產品銷售

   information   信息發布

   order   產品定購

   copy_right   版權所有

   hot_link   友情連結

   trends   行業動態

   news_trends   新聞動態

   sales_hotline   銷售熱線

   in_construction   建設中

   add   地址

   fax   傳真

   description   產品說明

   brand   品牌

   size   尺寸

   model   型號

   technique_data   技術指標

   production_place   產地

   forum   論壇

   bidInviting   招標

   achievements   業績

   trends   動態

   investment   投資

   programming   規劃

   trade_news   行業新聞

   postal_code_zipcode   郵編

   company_name   公司名稱

   contact_person   聯系人

   certificate   證書

   tel   電話

   product_name   產品名稱

   price   價格

   speciflcation   規格

   manufacuturer   生產廠家

   item_no   產品標號

   description   產品描述

   application   用途

   on_line_order   在線訂購

   general   綜述

   great_event   大事

   service   服務

   industry   行業

   environment   環境

   delivery   發送

   reset   重寫

   business   業務

   download   下載中心

   faq   常見問題

   amusement_park  游樂園

   icon   圖標

   guild   指南

   hot   熱點

   dowmload   下載

   label/branding   商標

   shop   購物車

   siteinfo_credits   信譽

   siteinfo_legal   法律聲明

   friendlink   友情鏈接

   submit   提交

   community   社區

   online_inquiry   在線調查

   feedback   意見反饋

   general_profile   中心概況

   special_report   專題報道

   note   注釋

   service   服務

   news   新聞

   vote   投票

   breadcrumb/loc   當前位置

   tag   標簽

   siteinfo   網站信息

   partner   合作伙伴

   copyright   版權