今天在懶人圖庫網站(http://www.lanrentuku.com)看到了css樣式命名規則,在這里記錄一下,方便以后規范命名.
???? 原文地址:http://www.lanrentuku.com/lanren/superlazy/20070419/000757.shtml
???? 1.樣式命名
外　套：　　wrap
主導航：　　mainnav
子導航：　　subnav
頁　腳：　　footer
整個頁面：　content
頁　眉：　　header
頁　腳：　　footer
商　標：　　label
標　題：　　title
主導航：　　mainbav（globalnav）
頂導航：　　topnav
邊導航：　　sidebar
左導航：　　leftsidebar
右導航：　　rightsidebar
旗　志：　　logo
標　語：　　banner
菜單內容1：?menu1?content
菜單容量：　menu?container
子菜單：　　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

轉載于:https://www.cnblogs.com/longer/archive/2008/01/28/1056026.html

總結

以上是生活随笔為你收集整理的css样式命名规则(仅供参考)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。