Css+Div命名規範一
外 套: wrap
主導航: mainnav
子導航: subnav
頁 腳: footet
整個頁面: 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
註釋:
<-- Footer -->
內容區
<-- End Footer -->
樣式文件命名:
主要的 master.css
佈局,版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css
提交:submit
文本框:textbox
統計:count
樣式文件佈局:
div:主要用於佈局,分割頁面的結構
ul/ol:用於無序/有序列表
span:沒有特殊的意義,可以用作排版的輔助,然後在css中定義span
h1-h6:標題
h1-h6: 根據重要性依次遞減
h1:最重要的標題
label:為了使你的表單更有親和力而且還能輔助表單排版的好東西
fieldset & legend:fildset套在表單外,legend用於描述表單內容。
dl,dt,dd:當頁面中出現第一行為類似標題/簡述,然後下面為詳細描述的內容時應該使用該標籤
樣式自定義命名:
根據w3c網站上給出的,最好是用意義命名
比如:是重要的新聞高亮顯示(像紅色)
有兩種:
.red{color:red}
.important-news{color:red}
0 Comments:
張貼留言
<< Home