div id class使用與區別
阿新 • • 發佈:2019-02-14
DIV+CSS佈局中在HTML程式碼中我們常常看到div標籤、span標籤等html標籤頻繁使用,而div id和div class最常見的單詞。
如:
- <divid="header"></div>
- <divclass="abc"></div>
類似這樣的在div標籤中使用id和class呼叫對應CSS樣式。
DIV的ID屬性和CLASS屬性有什麼區別呢?
1、語法區別
id對應css是用樣式選擇符“#”(井號);
class對應css是用樣式選擇符“.”(英文半形輸入句號)
- <divid="header"></div>
- <divclass="abc"></div>
對應CSS應該是:
- #header{...}
- .abc{...}
- /* css註釋說明:這裡以省略號替代CSS樣式內容 */
2、使用規定區別
id屬性,只能被一個元素呼叫(以“#”選擇符命名CSS樣式在一個頁面只能使用呼叫一次)
class類標記,可以用於被多個元素呼叫(以“.”選擇符命名樣式可以一個頁面使用多次)
id:在同一個頁面,只可以被呼叫一次,在CSS裡用“#”表示。
class:是類標籤,在同一個頁面可以呼叫無數次(沒限制的),在CSS裡用“.”表示。
ID就像一個人的身份證,用於識別這個DIV的,Class就像人身上穿的衣服,用於定義這個DIV的樣式。一般一個網頁不設二個或二個以上同ID的div,但Class可以多個DIV用同一個Class