久久综合色一综合色88欧美|久久er热在这里只有精品66|国产福利一区二区不卡|日本精品动漫二区三区

    1. <address id="l3apk"><var id="l3apk"><source id="l3apk"></source></var></address>

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

      時間:2011-07-16 11:08:58 隨筆(舊) 我要投稿

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

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

      常用的CSS命名規(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
        版權:copyright
        滾動:scroll
        內(nèi)容:content
        標簽頁:tab
        文章列表:list
        提示信息:msg
        小技巧:tips
        欄目標題:title
        加入:joinus
        指南:guild
        服務:service
        注冊:regsiter
        狀態(tài):status
        投票:vote
        合作伙伴:partner
      (二)注釋的'寫法:
        /* Footer */
        內(nèi)容區(qū)
        /* End Footer */
      (三)id的命名:
        (1)頁面結(jié)構
        容器: container
        頁頭:header
        內(nèi)容:content/container
        頁面主體:main
        頁尾:footer
        導航:nav
        側(cè)欄:sidebar
        欄目:column
        頁面外圍控制整體布局寬度:wrapper
        左右中:left right center

        (2)導航
        導航:nav
        主導航:mainbav
        子導航:subnav
        頂導航:topnav
        邊導航:sidebar
        左導航:leftsidebar
        右導航:rightsidebar
        菜單:menu
        子菜單:submenu
        標題: title
        摘要: summary

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

        (四)class的命名:
        (1)顏色:使用顏色的名稱或者16進制代碼,如
        .red { color: red; }
        .f60 { color: #f60; }
        .ff8600 { color: #ff8600; }
        (2)字體大小,直接使用"font+字體大小"作為名稱,如
        .font12px { font-size: 12px; }
        .font9pt {font-size: 9pt; }
        (3)對齊樣式,使用對齊目標的英文名稱,如
        .left { float:left; }
        .bottom { float:bottom; }
        (4)標題欄樣式,使用"類別+功能"的方式命名,如
        .barnews { }
        .barproduct { }

        注意事項::
        1.一律小寫;
        2.盡量用英文;
        3.不加中杠和下劃線;
        4.盡量不縮寫,除非一看就明白的單詞.
        主要的 master.css
        模塊 module.css
        基本共用 base.css
        布局,版面 layout.css
        主題 themes.css
        專欄 columns.css
        文字 font.css
        表單 forms.css
        補丁 mend.css
        打印 print.css參考資料:來源于網(wǎng)絡

      【常用的CSS命名規(guī)則】相關文章:

      1.第十五章 常用的CSS命名規(guī)則

      2.css hack的順口溜

      3.個人簡歷命名

      4.CSS BUG順口溜

      5.第2課:CSS的工作原理

      6.css的各類型及使用簡介

      7.珍惜生命名言警句

      8.經(jīng)典生命名言大全