HTML中div、id、class三者區(qū)別是什么

這篇文章主要介紹了HTML中div、id、class三者區(qū)別是什么，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供葉集網(wǎng)站建設(shè)、葉集做網(wǎng)站、葉集網(wǎng)站設(shè)計(jì)、葉集網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、葉集企業(yè)網(wǎng)站模板建站服務(wù)，十年葉集做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

如：

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

類似這樣的在p標(biāo)簽中使用id和class調(diào)用對(duì)應(yīng)CSS樣式。

p的ID屬性和CLASS屬性有什么區(qū)別呢?

1、語(yǔ)法區(qū)別      id對(duì)應(yīng)css是用樣式選擇符“#”（井號(hào)）；    class對(duì)應(yīng)css是用樣式選擇符“.”(英文半角輸入句號(hào))

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

對(duì)應(yīng)CSS應(yīng)該是：

#header{...} .abc{...} /* css注釋說(shuō)明：這里以省略號(hào)替代CSS樣式內(nèi)容 */

2、使用規(guī)定區(qū)別      id屬性，只能被一個(gè)元素調(diào)用（以“#”選擇符命名CSS樣式在一個(gè)頁(yè)面只能使用調(diào)用一次）

class類標(biāo)記，可以用于被多個(gè)元素調(diào)用(以“.”選擇符命名樣式可以一個(gè)頁(yè)面使用多次)

id：在同一個(gè)頁(yè)面，只可以被調(diào)用一次，在CSS里用“#”表示。

class：是類標(biāo)簽，在同一個(gè)頁(yè)面可以調(diào)用無(wú)數(shù)次（沒(méi)限制的），在CSS里用“.”表示。

ID就像一個(gè)人的身份證，用于識(shí)別這個(gè)p的，Class就像人身上穿的衣服，用于定義這個(gè)p的樣式。一般一個(gè)網(wǎng)頁(yè)不設(shè)二個(gè)或二個(gè)以上同ID的p，但Class可以多個(gè)p用同一個(gè)Class。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享HTML中div、id、class三者區(qū)別是什么內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

本文題目：HTML中div、id、class三者區(qū)別是什么
當(dāng)前地址：http://muchs.cn/article16/ghhgdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、關(guān)鍵詞優(yōu)化、靜態(tài)網(wǎng)站、品牌網(wǎng)站制作、搜索引擎優(yōu)化、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)