CSS的代碼規范

任何一個項目或者系統開發之前都需要定制一個開發約定和規則，這樣有利于項目的整體風格統一、代碼維護和拓展。由于Web項目開發的分散性、獨立性、整合的交互性等，所以定制一套完整的約定和規則顯得尤為重要。

1.目錄結構命名規范

存放CSS樣式文件的目錄一般命名為style或css。

2.CSS樣式文件的命名規范

在項目初期，會把不同類別的樣式放于不同的CSS文件，這是為了CSS編寫和調試的方便；在項目后期，為了網站性能上的考慮會整合不同的CSS文件到一個CSS文件，這個文件一般命名為style.css或css.css。

3.CSS選擇符的命規范

所有CSS選擇符必須由英文字母、數字或“-”下劃線組成，必須以字母開頭，不能為純數字。設計者要用有意義的單詞或縮寫組合來命名選擇符，做到“見其名知其意”，這樣就節省了查找樣式的時間。樣式名必須能夠表示樣式的大概含義（禁止出現如Div1、Div2、Style1等命名）。

當定義的樣式名比較復雜時用下劃線把層次分開，例如以下定義頁面導航菜單選擇符的CSS：

#nav_logo{…}

#nav_logo_ico{…}

4.CSS的工作環境

為代碼添加注釋是一種良好的編程習慣。注釋可以增強CSS文件的可讀性，后期維護也將更加便利。

在CSS中添加注釋非常簡單，它是以“/ *”開始，以“/ *”結尾。注釋可以是單行，也可以是多行，并且可以出現在CSS代碼的任何地方。

（1）結構性注釋

結構性注釋僅僅是用風格統一的大注釋塊從視覺上區分被分隔的部分，如以下代碼所示：

/ *header(定義網頁頭部區域）------------------------- * /

(2)提示性注釋

在編寫CSS文檔時，可能需要某種技巧解決某個問題。在這種情況下，最好將這個解決方案簡要的注釋在代碼后面，如以下代碼所示：

.news_list li span{

float:left; / *設置新聞發布時間向左滑動，與新聞標題并列顯示 * /

width:80px;

color:#999;/ * 定義新聞發布時間為灰色，弱化發布的時間在視覺上的感覺 */

}

CSS

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。