
div id class使用與區(qū)別
01 . Feb . 2018
div id class使用與區(qū)別
DIV+CSS布局中在HTML代碼中我們常常看到div標(biāo)簽、span標(biāo)簽等html標(biāo)簽頻繁使用,而div id和div class最常見的單詞。
如:
類似這樣的在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))
對應(yīng)CSS應(yīng)該是:
#header{...} .abc{...} /* 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
作者:@悅閣網(wǎng)絡(luò)科技
悅閣網(wǎng)絡(luò)科技有限公司專業(yè)為中小企業(yè)提供精致的佛山網(wǎng)站建設(shè)、佛山網(wǎng)站設(shè)計(jì)、佛山網(wǎng)站制作及相關(guān)網(wǎng)絡(luò)營銷等服務(wù),是廣佛地區(qū)最好的網(wǎng)絡(luò)科技公司之一,在廣佛做網(wǎng)站開發(fā)就找悅閣網(wǎng)絡(luò)科技!
您對建網(wǎng)站有需求?請回到首頁“悅閣網(wǎng)絡(luò)”官網(wǎng) 查找您想建哪種類型的網(wǎng)站,然后聯(lián)系我們客服QQ,我們將竭誠為您服務(wù)!