• <dl id="06azv"></dl>

      <li id="06azv"></li>

          1. <dl id="06azv"></dl>

              <dl id="06azv"><ins id="06azv"></ins></dl>
              <dl id="06azv"><ins id="06azv"><thead id="06azv"></thead></ins></dl>

                <dl id="06azv"><ins id="06azv"></ins></dl>
              1. <li id="06azv"></li>

                <dl id="06azv"><s id="06azv"></s></dl>
                <li id="06azv"><ins id="06azv"><thead id="06azv"></thead></ins></li>

              2. <li id="06azv"><ins id="06azv"><strong id="06azv"></strong></ins></li>
                <dl id="06azv"></dl>

              3. <dl id="06azv"></dl>

                  <form id="06azv"></form>
                  1. <li id="06azv"><ins id="06azv"></ins></li>

                    1. <output id="06azv"></output>

                      代理加盟 2018全新代理計劃 0預存,0充值,獨立平臺,豐厚利潤!

                      您現在的位置: 秀站網 > 織夢大學 > 模塊插件 >

                      樣式表CSS命名規則

                      來源:未知 發布時間:2012-12-14熱度:我要評論
                      很多站長朋友在DIV+CSS寫HTML的時候,對CSS中的命名很頭痛,不知道怎么書寫是科學的,下面秀站網分享的CSS命名規則,供大家參考,不至于在寫CSS的時候在犯頭痛。...

                      網頁設計中常用的CSS命名規則:

                        頭:header

                        內容:content/container

                        尾:footer

                        導航:nav

                        側欄:sidebar

                        欄目:column

                        頁面外圍控制整體布局寬度:wrapper

                        左右中:left right center

                        登錄條:loginbar

                        標志:logo

                        廣告:banner

                        頁面主體:main

                        熱點:hot

                        新聞:news

                        下載:download

                        子導航:subnav

                        菜單:menu

                        子菜單:submenu

                        搜索:search

                        友情鏈接:friendlink

                        頁腳:footer

                        版權:copyright

                        滾動:scroll

                        內容:content

                        標簽頁:tab

                        文章列表:list

                        提示信息:msg

                        小技巧:tips

                        欄目標題:title

                        加入:joinus

                        指南:guild

                        服務:service

                        注冊:regsiter

                        狀態:status

                        投票:vote

                        合作伙伴:partner

                        (二)注釋的寫法:

                        /* Footer */

                        內容區

                        /* End Footer */

                        (三)id的命名:

                        (1)頁面結構

                        容器: container

                        頁頭:header

                        內容:content/container

                        頁面主體:main

                        頁尾:footer

                        導航:nav

                        側欄: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

                        功能區:shop

                        標題:title

                        加入:joinus

                        狀態: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

                      本文地址:http://www.lrwh.tw/dedecms_mk/101.html

                        責任編輯:秀站網

                        相關閱讀

                        云南11选五5走势图