良好的命名規範可以為團隊合作開發推波助瀾,無論在專案開發,還是產品維護上都起到了至關重要的作用。應該說命名規範是一種約定,也是程式設計師之間良好溝通的橋梁。
命名規則:
2.樣式檔案命名
主要的:master.css
布局版面:layout.css
專欄:columns.css
文字:font.css
列印樣式:print.css
主題:themes.css
/***樣式*/
**整體框架:.listbox
**的寬度:.listbox-table
**頭部文字樣式:.listbox-header
**正文文字樣式:.listbox-entry
/*通用型*/
通用:.gm/*這個有點鬱悶,英文太差...*/
通用內:.ingm
通用左浮動:.gmfl(gm float left)
通用右浮動:.gmfr(gm float right)
/*通用樣式*/
通用樣式:.img
/*清除浮動*/
清除所有浮動:.clear
清除左側浮動:.clearleft
清除右側浮動:.clearright
/*文字樣式*/
文字:.font
/*新聞列表*/
新聞列表:.fontnews
/*view頁字型總樣式*/
view頁字型:.fontview
<-- footer -->
內容區<-- end footer -->
3.樣式檔案命名
主要的 master.css
布局,版面 layout.css
專欄 columns.css
文字 font.css
列印樣式 print.css
主題 themes.css
4.樣式表中的注示
例項一/* global --------------------------- */
/* links --------------------------- */
/* forms --------------------------- */
/* ids --------------------------- */
/* header --------------------------- */
/* column 1 --------------------------- */
/* column 2 --------------------------- */
/* classes --------------------------- */
例項二html
例項三(網易)
……………………
常見命名
CSS命名規範
網上整理的比較好的css命名規則,為css 的規範化做參考,增加 的可讀性。id的命名 1 頁面結構 2 導航 1.不使用大寫形式的類名和id名 2.盡可能使用描述性的英文單詞的組合作為類名和id名 3.id名及類名的多個英文單詞之間使用 短橫線分隔 4.按區域進行描述編號 例 main01 div...
css命名規範
最近看到了些關於css命名方面的文章,對於這方面我也有自己的看法。我接觸css有很長一段時間了,對於css的命名我也是在逐步改進。感覺工作中比較常碰見的問題 1.需要給層定義各種尺寸的寬度,高度基本是不用定義的 2.層的padding和層之間的margin 3.給文字高亮顏色 4.各種樣式的tab和...
css命名規範
class的命名 1 顏色 使用顏色的名稱或者16進製制 如 red f60 ff8600 2 字型大小,直接使用 font 字型大小 作為名稱,如 font12px font9pt 3 對齊樣式,使用對齊目標的英文名稱,如 left bottom 4 標題欄樣式,使用 類別 功能 的方式命名,如 ...