首頁 >web前端 >html教學 >div id class怎麼使用? div id class三者區別詳解

div id class怎麼使用? div id class三者區別詳解

云罗郡主
云罗郡主轉載
2018-10-11 09:23:363383瀏覽


本篇文章帶給大家的內容是關於div id class怎麼使用? div id class三者差別詳解,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

div id class怎麼使用? div id class三者區別詳解

如:

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

類似這樣的在p標籤中使用id和class呼叫對應CSS樣式。

p的ID屬性和CLASS屬性有什麼差別呢?

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

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

對應CSS應該是:

#header{...} .abc{...} /* css注释说明:这里以省略号替代CSS样式内容 */

2、使用規定區別      id屬性,只能被一個元素呼叫(以「#」選擇符命名CSS樣式在一個頁面只能使用呼叫一次)

class類別標記,可以用來被多個元素呼叫(以「.」選擇符命名樣式可以一個頁面使用多次)

id:在同一個頁面,只可以被呼叫一次,在CSS裡用「#」表示。

class:是類別標籤,在同一個頁面可以呼叫無數次(沒限制的),在CSS裡用「.」表示。

ID就像一個人的身分證,用來辨識這個p的,Class就像人身上穿的衣服,用來定義這個p的樣式。一般一個網頁不設二個或二個以上同ID的p,但Class可以多個p用同一個Class。

以上就是對div id class怎麼使用? div id class三者差異詳解的完整介紹,如果您想了解更多有關HTML影片教學,請關注PHP中文網。


以上是div id class怎麼使用? div id class三者區別詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:divcss5.com。如有侵權,請聯絡admin@php.cn刪除