200

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

時間: 2015-04-06 16:46:55   點擊數(shù): 27572   來源: 耐思智慧

css

  網(wǎng)頁設(shè)計中常用的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
       標簽頁:tab
       文章列表:list
       提示信息:msg
       小技巧:tips
       欄目標題:title
       加入:joinus
       指南:guild
       服務(wù):service
       注冊:regsiter
       狀態(tài):status
       投票:vote
       合作伙伴:partner
       (二)注釋的寫法:
       /* Footer */
       內(nèi)容區(qū)
       /* End Footer */
       (三)id的命名:
       (1)頁面結(jié)構(gòu)
       容器: 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
       服務(wù):service
       熱點:hot
       新聞:news
       下載:download
       投票:vote
       合作伙伴:partner
       友情鏈接:link
       版權(quán):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
上一篇:企業(yè)網(wǎng)站需要多大的虛擬空間? 下一篇:企業(yè)網(wǎng)站建設(shè)必須具備的六大功能

旗下網(wǎng)站:耐思智慧 - 淘域網(wǎng) - 我的400電話 - 中文域名:耐思尼克.cn 耐思尼克.top

耐思智慧 © 版權(quán)所有 Copyright © 2000-2024 IISP.COM,Inc. All rights reserved

備案號碼: 粵ICP備09063828號  公安備案號: 公安備案 粵公網(wǎng)安備 44049002000123號  域名注冊服務(wù)機構(gòu)許可:粵D3.1-20240003 CN域名代理自深圳萬維網(wǎng)

聲明:本網(wǎng)站中所使用到的其他各種版權(quán)內(nèi)容,包括但不限于文章、圖片、視頻、音頻、字體等內(nèi)容版權(quán)歸原作者所有,如權(quán)利所有人發(fā)現(xiàn),請及時告知,以便我們刪除版權(quán)內(nèi)容

本站程序界面、源代碼受相關(guān)法律保護, 未經(jīng)授權(quán), 嚴禁使用; 耐思智慧 © 為我公司注冊商標, 未經(jīng)授權(quán), 嚴禁使用

法律顧問:珠海知名律師 廣東篤行律師事務(wù)所 夏天風 律師