比較全的HTML和CSS標籤常用命名規則

2021-08-27 23:57:43 字數 1475 閱讀 4856

注:本css命名規則只適合物table製作模式下

1、 css檔案統一放在css資料夾下;命名css.css

2、 主樣式定義:body、table、td、tr、a

3、 鏈結樣式定義:link_white(白色);link_black (黑色);link_blue (藍色) 等等;

說明:如有重複的後面加阿拉伯數字;如 link_red01 有下劃線的如:linkred

4、 文字樣式定義:font_red (紅色);font_red_14 (紅色14號字);font_red_14b (紅色14號加粗)

5、 邊框樣式定義:border_red_tblr (紅色四個邊);border_red_blr(紅色底左右三邊);border_red_lr(紅色左右兩個邊);border_red_b (紅色底乙個邊)等等;

6、 表單樣式定義:text_100 (文字欄位寬為100); textarea_200_red (文字區域寬為200有紅色邊框);select_100 (列表寬為100);button_150 (按鈕寬150);

說明:表單用寬度定義,在命名中最長寫到:「text_100_red」

7、 線的樣式定義:line_x (橫線);line_y (豎線);line_x_red (紅色橫線);line_x_red2 (兩個畫素的紅色橫線);說明:在line中只定義虛線,實線在border中定義

8、 其它樣式定義:在這裡主要定義一些個性化的樣式;

檔案命名

命名

/footer /

內容區/end footer /

3、id的命名規範示例

(1)顏色:使用顏色的名稱或者16進製制**,如

.red

.f60

.ff8600

(2)字型大小,直接使用'font 字型大小'作為名稱,如

.font12px

.font9pt

(3)對齊樣式,使用對齊目標的英文名稱,如

.left

.bottom

(4)標題欄樣式,使用'類別 功能'的方式命名,如

.barnews

.barproduct

5、css檔案命名示例

主要的 master.css

模組 module.css

基本共用 base.css

布局,版面 layout.css

主題 themes.css

專欄 columns.css

文字 font.css

表單 forms.css

補丁 mend.css

列印 print.css

6、注意事項

(1)一律小寫;

(2)盡量用英文;

(3)不加中槓和下劃線;

(4)盡量不縮寫,除非一看就明白的單詞

css標籤和html標籤

一,html 標題標籤 h1,h2,h3,h4,h5,h6 段落標籤 水平線標籤 換行標籤 水平線標籤 size 水平粗細線 width 水平線寬度 align 水平線對齊方式 color 水平線顏色 字型標籤 funt size 文字大小 color 字型顏色 face 文字的字型 標籤 src ...

HTML和CSS基本標籤

一 標籤分類 1 塊級元素 2 行內元素 二 標籤的特點及作用 1 塊級元素在瀏覽器中獨佔一行,兩個塊級元素不能一行顯示,他們會自動換成兩行,2 塊級元素可以設定寬高等屬性。3 行內元素可以多個在一行顯示。4 行內元素不能設定寬高屬性,它的寬高是由元素中的內容多少而確定的,內容多則大由寬,內容少則小...

HTML和CSS常用標籤

背景圖 background image 邊框的樣式 批量建立 父元素 子元素 屬性 span標籤 在行內定義乙個區域,也就是一行內可以被劃分成好幾個區域,從而實現某種特定效果。本身沒有任何屬性。例子logo標籤 g o o g le 標題巢狀的過程中,必須先結束的靠近內容的標題,再按照由內及外的順...