• 當前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 網(wǎng)站建設(shè) >> 網(wǎng)站制作 >> CSS書寫規(guī)范及書寫順序的介紹

CSS書寫規(guī)范及書寫順序的介紹

• 作者：創(chuàng)新互聯(lián) 文章來源：網(wǎng)站設(shè)計部 點擊數(shù)： 更新時間：2014-11-20

• CSS命名規(guī)范（規(guī)則）

  常用的CSS命名規(guī)則

  • 頭：header
  • 內(nèi)容：content/container
  • 尾：footer
  • 導航：nav
  • 側(cè)欄：sidebar
  • 欄目：column
  • 頁面外圍控制整體佈局寬度：wrapper
  • 左右中：left right center
  • 登錄條：loginbar
  • 標志：logo
  • 廣告：banner
  • 頁面主體：main
  • 熱點：hot
  • 新聞：news
  • 下載：download
  • 子導航：subnav
  • 菜單：menu
  • 子菜單：submenu
  • 搜索：search
  • 友情鏈接：friendlink
  • 頁腳：footer
  • 版權(quán)：copyright
  • 滾動：scroll
  • 內(nèi)容：content
  • 標簽：tags
  • 文章列表：list
  • 提示信息：msg
  • 小技巧：tips
  • 欄目標題：title
  • 加入：joinus
  • 指南：guide
  • 服務(wù)：service
  • 注冊：regsiter
  • 狀態(tài)：status
  • 投票：vote
  • 合作伙伴：partner

  注釋的寫法:

  /* Header */
  內(nèi)容區(qū)
  /* End Header */

  id的命名:

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

  • 容器: container
  • 頁頭：header
  • 內(nèi)容：content/container
  • 頁面主體：main
  • 頁尾：footer
  • 導航：nav
  • 側(cè)欄：sidebar
  • 欄目：column
  • 頁面外圍控制整體佈局寬度：wrapper
  • 左右中：left right center

  (2)導航

  • 導航：nav
  • 主導航：mainnav
  • 子導航：subnav
  • 頂導航：topnav
  • 邊導航：sidebar
  • 左導航：leftsidebar
  • 右導航：rightsidebar
  • 菜單：menu
  • 子菜單：submenu
  • 標題: title
  • 摘要: summary

  (3)功能

  • 標志：logo
  • 廣告：banner
  • 登陸：login
  • 登錄條：loginbar
  • 注冊：register
  • 搜索：search
  • 功能區(qū)：shop
  • 標題：title
  • 加入：joinus
  • 狀態(tài)：status
  • 按鈕：btn
  • 滾動：scroll
  • 標籤頁：tab
  • 文章列表：list
  • 提示信息：msg
  • 當前的: current
  • 小技巧：tips
  • 圖標: icon
  • 注釋：note
  • 指南：guild
  • 服務(wù)：service
  • 熱點：hot
  • 新聞：news
  • 下載：download
  • 投票：vote
  • 合作伙伴：partner
  • 友情鏈接：link
  • 版權(quán)：copyright

  注意事項::

  • 1.一律小寫;
  • 2.盡量用英文;
  • 3.不加中槓和下劃線;
  • 4.盡量不縮寫，除非一看就明白的單詞。

  
  

  CSS樣式表文件命名

  • 主要的 master.css
  • 模塊 module.css
  • 基本共用 base.css
  • 布局、版面 layout.css
  • 主題 themes.css
  • 專欄 columns.css
  • 文字 font.css
  • 表單 forms.css
  • 補丁 mend.css
  • 打印 print.css

• 企業(yè)進行商城網(wǎng)站建設(shè)的具體原因 :上一篇
  什么網(wǎng)站算好站? :下一篇