1. 程式人生 > >div id class使用與區別

div id class使用與區別

DIV+CSS佈局中在HTML程式碼中我們常常看到div標籤span標籤html標籤頻繁使用,而div id和div class最常見的單詞。

如:

  1. <divid="header"></div>
  2. <divclass="abc"></div>

類似這樣的在div標籤中使用id和class呼叫對應CSS樣式。

DIV的ID屬性和CLASS屬性有什麼區別呢?

1、語法區別
id對應css是用樣式選擇符“#”(井號);
class對應css是用樣式選擇符“.”(英文半形輸入句號)

  1. <divid="header"></div>
  2. <divclass="abc"></div>

對應CSS應該是:

  1. #header{...} 
  2. .abc{...} 
  3. /* css註釋說明:這裡以省略號替代CSS樣式內容 */ 

2、使用規定區別
id屬性,只能被一個元素呼叫(以“#”選擇符命名CSS樣式在一個頁面只能使用呼叫一次)
class類標記,可以用於被多個元素呼叫(以“.”選擇符命名樣式可以一個頁面使用多次)

id:在同一個頁面,只可以被呼叫一次,在CSS裡用“#”表示。
class:是類標籤,在同一個頁面可以呼叫無數次(沒限制的),在CSS裡用“.”表示。
ID就像一個人的身份證,用於識別這個DIV的,Class就像人身上穿的衣服,用於定義這個DIV的樣式。一般一個網頁不設二個或二個以上同ID的div,但Class可以多個DIV用同一個Class