iphone 2011-1-13 17:16
常用的CSS命名規則
<B><FONT color=#8b0000>(一)常用的寫法:</FONT></B> <BR> 頭：header <BR> 內容：content/container <BR> 尾：footer <BR> 導航：nav <BR> 側欄：sidebar <BR> 欄目：column <BR> 頁面外圍控制整體布局寬度：wrapper <BR> 左右中：left right center <BR> 登錄條：loginbar <BR> 標志：logo <BR> 廣告：banner <BR> 頁面主體：main <BR> 熱點：hot <BR> 新聞：news <BR> 下載：download <BR> 子導航：subnav <BR> 菜單：menu <BR> 子菜單：submenu <BR> 搜索：search <BR> 友情鏈接：friendlink <BR> 頁腳：footer <BR> 版權：copyright <BR> 滾動：scroll <BR> 內容：content <BR> 標簽頁：tab <BR> 文章列表：list <BR> 提示信息：msg <BR> 小技巧：tips <BR> 欄目標題：title <BR> 加入：joinus <BR> 指南：guild <BR> 服務：service <BR> 注冊：regsiter <BR> 狀態：status <BR> 投票：vote <BR> 合作伙伴：partner <BR><BR><B><FONT color=darkred>(二)注釋的寫法:</FONT></B> <BR> /* Footer */ <BR> 內容區 <BR> /* End Footer */ <BR><BR><B><FONT color=darkred>(三)id的命名:</FONT></B> <BR><BR><B>(1)頁面結構 </B> <BR> 容器 : container <BR> 頁頭：header <BR> 內容：content/container <BR> 頁面主體：main <BR> 頁尾：footer <BR> 導航：nav <BR> 側欄：sidebar <BR> 欄目：column <BR> 頁面外圍控制整體布局寬度：wrapper <BR> 左右中：left right center <BR><BR><B>(2)導航 </B> <BR> 導航：nav <BR> 主導航：mainbav <BR> 子導航：subnav <BR> 頂導航：topnav <BR> 邊導航：sidebar <BR> 左導航：leftsidebar <BR> 右導航：rightsidebar <BR> 菜單：menu <BR> 子菜單：submenu <BR> 標題: title <BR> 摘要: summary <BR><BR><B>(3)功能 </B> <BR> 標誌：logo <BR> 廣告：banner <BR> 登陸：login <BR> 登錄條：loginbar <BR> 注冊：regsiter <BR> 搜索：search <BR> 功能區：shop <BR> 標題：title <BR> 加入：joinus <BR> 狀態：status <BR> 按鈕：btn <BR> 滾動：scroll <BR> 標簽頁：tab <BR> 文章列表：list <BR> 提示信息：msg <BR> 當前的: current <BR> 小技巧：tips <BR> 圖標: icon <BR> 注釋：note <BR> 指南：guild <BR> 服務：service <BR> 熱點：hot <BR> 新聞：news <BR> 下載：download <BR> 投票：vote <BR> 合作伙伴：partner <BR> 友情鏈接：link <BR> 版權：copyright <BR><BR><B><FONT color=darkred>(四)class的命名:</FONT> </B><BR><BR>(1)顏色:使用顏色的名稱或者16進制代碼,如 <BR> .red { color: red; } <BR> .f60 { color: #f60; } <BR> .ff8600 { color: #ff8600; } <BR><BR>(2)字體大小,直接使用\"font 字體大小\"作為名稱,如 .font12px { font-size: 12px; } <BR> .font9pt {font-size: 9pt; } <BR><BR>(3)對齊樣式,使用對齊目標的英文名稱,如 <BR> .left { float:left; } <BR> .bottom { float:bottom; } <BR><BR>(4)標題欄樣式,使用"類別 功能"的方式命名,如 <BR> .barnews { } <BR> .barproduct { } <BR> <BR><BR> 注重事項:: <BR> 1.一律小寫; <BR> 2.盡量用英文; <BR> 3.不加中杠和下劃線; <BR> 4.盡量不縮寫，除非一看就明白的單詞. <BR><BR>-------------------------------------------------------------------------------<BR>主要的 master.css <BR>模塊 module.css <BR>基本共用 base.css <BR>布局，版面 layout.css <BR>主題 themes.css <BR>專欄 columns.css <BR>文字 font.css <BR>表單 forms.css <BR>補丁 mend.css <BR>打印 print.css
wisdomleo 2011-6-15 00:35
回復 1# 的帖子
:) 謝分享提供:) :) :)