div+css命名規範

命名全部使用小寫字母，如果需要多個單詞，單詞間使用“-”分隔，比如content-title.

（二）對於一個網站樣式表的命名，沒有很標準的一個規則，我們為了方便其他人瀏覽和修改，定義了以下主要命名項的規則：
 1. div+css命名規範
    頁頭:header
    登入條:loginBar
    標誌:logo
    側欄:sideBar
    廣告:banner
    導航:nav
    子導航:subNav
    選單:menu
    子選單:subMenu
    搜尋:search
    滾動:scroll
    頁面主體:main
    內容:content
    標籤頁:tab
    文章列表:list
    提示資訊:msg
    小技巧:tips
    欄目標題:title
    友情連結:friendLink
    頁尾:footer
    加入:joinus
    指南:guild
    服務:service
    熱點:hot
    新聞:news
    下載:download
    註冊:regsiter
    狀態:status
    按鈕:btn
    投票:vote
    合作伙伴:partner
    版權:copyRight產品管理

2. CSS的Id命名規範

外套:wrap
    主導航:mainNav00
    子導航:subnav
    頁尾:footer
    整個頁面:content
    頁首:header
    頁尾:footer
    商標:label
    標題:title
    主導航:mainNav(globalNav)
    頂導航:topnav
    邊導航:sidebar
    左導航:leftsideBar
    右導航:rightsideBar
    旗志:logo
   標語:banner
    選單內容1:menu1Content
    選單容量:menuContainer
    子選單:submenu
    邊導航圖示:sidebarIcon
    註釋:note
    麵包屑:breadCrumb(即頁面所處位置導航提示)
    容器:container
    內容:content
    搜尋:search
    登陸:login
    功能區:shop(如購物車，收銀臺)
    當前的：current

3. css樣式檔案命名

首頁：index.css
    主要的：master.css
    佈局版面：layout.css
    專欄：columns.css
    文字：font.css
    列印樣式：print.css
    主題：themes.css
    通用：basic.css

CSS呼叫
    與上述同理：

1. 非特殊情況下樣式檔案必須外鏈至

…之間;非特殊情況下JavaScript檔案必須外鏈至頁面外部;

2. 引入樣式檔案或JavaScript檔案時, 不可略去預設型別宣告, 寫法如下:

"stylesheet" href="…"type="text/css" />

 

"… "type="text/javascript">

3.引入JS外掛, 檔名格式為庫名稱+外掛名稱, 比如jQuery.cookie.js;

版本二：

http://www.cnblogs.com/luluping/archive/2009/08/08/1542020.html

一．檔案命名規範

全域性樣式：global.css；
框架佈局：layout.css；
字型樣式：font.css；
連結樣式：link.css；
列印樣式：print.css；

二．常用類/ID命名規範

頁　眉：header
內　容：content
容　器：container
頁　腳：footer
版　權：copyright　
導　航：menu
主導航：mainMenu
子導航：subMenu
標　志：logo
標　語：banner
標　題：title
側邊欄：sidebar
圖　標：Icon
注　釋：note
搜　索：search
按　鈕：btn
登　錄：login
鏈　接：link
資訊框：manage
……

常用類的命名應儘量以常見英文單詞為準，做到通俗易懂，並在適當的地方加以註釋。對於二級類/ID命名，則採用組合書寫的模式，後一個單詞的首字母 應大寫：諸如“搜尋框”則應命名為“searchInput”、“搜尋圖示”命名這“searchIcon”、“搜尋按鈕”命名為“searchBtn

CSS書寫規範及方法

一.常規書寫規範及方法

1.選擇DOCTYPE：

XHTML1.0提供了三種DTD宣告可供選擇：

過渡的(Transitional):要求非常寬鬆的DTD，它允許你繼續使用HTML4.01的標識(但是要符合xhtml的寫法)。完整程式碼如下：

嚴格的(Strict):要求嚴格的DTD，你不能使用任何表現層的標識和屬性，例如
。完整程式碼如下：

框架的(Frameset):專門針對框架頁面設計使用的DTD，如果你的頁面中包含有框架，需要採用這種DTD。完整程式碼如下：

理想情況當然是嚴格的DTD，但對於我們大多數剛接觸web標準的設計師來說，過渡的DTD(XHTML1.0Transitional)是目前理 想選擇(包括本站，使用的也是過渡型DTD)。因為這種DTD還允許我們使用表現層的標識、元素和屬性，也比較容易通過W3C的程式碼校驗。

關於DTD您可以參考：
http://www.div-css.net/search.asp?SearchContent=文件型別&searchType=title

2.指定語言及字符集：

為文件指定語言：

為了被瀏覽器正確解釋和通過W3C程式碼校驗，所有的XHTML文件都必須宣告它們所使用的編碼語言；如：
常用的語言定義：

標準的XML文件語言定義：