div標籤中 id和 class的區別

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

<div id="header"></div> 
<div class="abc"></div>

對應CSS應該是:

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


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


id:在同一個頁面,只可以被調用一次,在CSS裏用“#”表示。
class:是類標籤,在同一個頁面可以調用無數次(沒限制的),在CSS裏用“.”表示。


ID就像一個人的身份證,用於識別這個DIV的,Class就像人身上穿的衣服,用於定義這個DIV的樣式。

一般一個網頁不設二個或二個以上同ID的div,但Class可以多個DIV用同一個Class。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章