2007-06-13

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