CSS 命名規範
頭:header
登錄條:loginbar
標誌:logo
側欄:sidebar
廣告:banner
導航:nav
子導航:subnav
菜單:menu
子菜單:submenu
搜索:search
滾動:scroll
頁面主體:main
內容:content
標籤頁:tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標題:title
加入:joinus
指南:guild
服務:service
熱點:hot
新聞:news
下載:download
註冊:regsiter
狀態:status
按鈕:btn
投票:vote
合作伙伴:partner
友情鏈接:friendlink
頁腳:footer
版權:copyright
------------------------------------------------------->
1.CSS ID 的命名
外 套: wrap
主導航: mainnav
子導航: subnav
頁 腳: footer
整個頁面: content
頁 眉: header
頁 腳: footer
商 標: label
標 題: title
主導航: mainbav(globalnav)
頂導航: topnav
邊導航: sidebar
左導航: leftsidebar
右導航: rightsidebar
旗 志: logo
標 語: banner
菜單內容1: menu1content
菜單容量: menucontainer
子菜單: submenu
邊導航圖標:sidebarIcon
註釋: note
麪包屑: breadcrumb(即頁面所處位置導航提示)
容器: container
內容: content
搜索: search
登陸: Login
功能區: shop(如購物車,收銀臺)
當前的 current
2.另外在編輯樣式表時可用的註釋可這樣寫:
<-- Footer -->
內容區
<-- End Footer -->
3.樣式文件命名
主要的 master.css
佈局,版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css
CSS命名規範
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
淺談CSS中position定位問題
Jerry丶惟
2018-08-27 19:26:05
CSS清除浮動常見的三種方法
Jerry丶惟
2018-08-27 19:25:54
CSS標準系列 建立自己的命名標準
夏京南
2018-08-27 19:08:51
筆記:CSS3製作中軸旋轉立方體
MytLoy
2018-08-27 19:05:54
CSS3:transform
MytLoy
2018-08-27 19:05:52
Flexbox佈局初學者
MytLoy
2018-08-27 19:05:51
筆記:CSS transition 和 CSS transform 配合製作動畫
MytLoy
2018-08-27 19:05:48
如何獲取圖片中的一部分
美丽的小黄人
2018-08-27 19:02:14
用純css改變下拉列表select框的默認樣式
Acmen_Lu
2018-08-27 18:34:37
流動佈局中瀏覽器大小改變時通過js動態計算和放置相同大小的div塊
Acmen_Lu
2018-08-27 18:34:36
瀏覽器渲染頁面原理,reflow、repaint及其優化
Eliseinwonderland
2018-08-27 18:28:19
純CSS實現select的placeholder效果
Eliseinwonderland
2018-08-27 18:28:07
CSS3 Flexbox 小結
Eliseinwonderland
2018-08-27 18:28:07
CSS3 漸變、變形、過渡、動畫小結
Eliseinwonderland
2018-08-27 18:28:07