天蠶在你身邊
不方便打電話?讓天蠶聯(lián)絡(luò)你
天蠶在你身邊
不方便打電話?讓天蠶聯(lián)絡(luò)你
DIV+CSS布局中在HTML代碼中我們常??吹絛iv標(biāo)簽、span標(biāo)簽等html標(biāo)簽頻繁使用,而div id和div class最常見的單詞。
如:
01.<div id="header"></div>
02.<div class="abc"></div>
類似這樣的在div標(biāo)簽中使用id和class調(diào)用對應(yīng)CSS樣式。
DIV的ID屬性和CLASS屬性有什么區(qū)別呢?
1、語法區(qū)別
id對應(yīng)css是用樣式選擇符“#”(井號(hào));
class對應(yīng)css是用樣式選擇符“.”(英文半角輸入句號(hào))
01.<div id="header"></div>
02.<div class="abc"></div>
對應(yīng)CSS應(yīng)該是:
01.#header{...}
02..abc{...}
03./* css注釋說明:這里以省略號(hào)替代CSS樣式內(nèi)容 */
2、使用規(guī)定區(qū)別
id屬性,只能被一個(gè)元素調(diào)用(以“#”選擇符命名CSS樣式在一個(gè)頁面只能使用調(diào)用一次)
class類標(biāo)記,可以用于被多個(gè)元素調(diào)用(以“.”選擇符命名樣式可以一個(gè)頁面使用多次)
id:在同一個(gè)頁面,只可以被調(diào)用一次,在CSS里用“#”表示。
class:是類標(biāo)簽,在同一個(gè)頁面可以調(diào)用無數(shù)次(沒限制的),在CSS里用“.”表示。
ID就像一個(gè)人的身份證,用于識(shí)別這個(gè)DIV的,Class就像人身上穿的衣服,用于定義這個(gè)DIV的樣式。一般一個(gè)網(wǎng)頁不設(shè)二個(gè)或二個(gè)以上同ID的div,但Class可以多個(gè)DIV用同一個(gè)Class
地址:重慶市渝中區(qū)上清寺鑫隆達(dá)B座28-8
郵編:400015
電話:023-63612462
EMAIL:cnjl_net@163.com