200

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

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

css

  網(wǎng)頁設(shè)計中常用的CSS命名規(guī)則：

       頭：header
       內(nèi)容：content/container
       尾：footer
       導(dǎo)航：nav
       側(cè)欄：sidebar
       欄目：column
       頁面外圍控制整體布局寬度：wrapper
       左右中：left right center
       登錄條：loginbar
       標志：logo
       廣告：banner
       頁面主體：main
       熱點：hot
       新聞：news
       下載：download
       子導(dǎo)航：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
       導(dǎo)航：nav
       側(cè)欄：sidebar
       欄目：column
       頁面外圍控制整體布局寬度：wrapper
       左右中：left right center
       (2)導(dǎo)航
       導(dǎo)航：nav
       主導(dǎo)航：mainbav
       子導(dǎo)航：subnav
       頂導(dǎo)航：topnav
       邊導(dǎo)航：sidebar
       左導(dǎo)航：leftsidebar
       右導(dǎo)航：rightsidebar
       菜單：menu
       子菜單：submenu
       標題: title
       摘要: summary
       (3)功能
       標志：logo
       廣告：banner
       登陸：login
       登錄條：loginbar
       注冊：regsiter
       搜索：search
       功能區(qū)：shop
       標題：title
       加入：joinus
       狀態(tài)：status
       按鈕：btn
       滾動：scroll
       標簽頁：tab
       文章列表：list
       提示信息：msg
       當(dāng)前的: 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ù)所 夏天風(fēng) 律師