css命名規範

2021-06-13 20:59:01 字數 1403 閱讀 5326

良好的命名規範可以為團隊合作開發推波助瀾,無論在專案開發,還是產品維護上都起到了至關重要的作用。應該說命名規範是一種約定,也是程式設計師之間良好溝通的橋梁。

命名規則:

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 標題欄樣式,使用 類別 功能 的方式命名,如 ...