HTML id屬性

id屬性是用于指定文檔的唯一標(biāo)識(shí)符；因而，可以使用id在頁(yè)面中區(qū)分不同的模塊。CSS和JavaScript使用 id屬性來(lái)為唯一元素執(zhí)行特定任務(wù)。在CSS中，id屬性使用＃符號(hào)后跟id編寫(xiě)。

基本語(yǔ)法：

HTML中：

 element id =“id_name” 

CSS樣式表中：

#id_name { // CSS屬性}

示例：

 !DOCTYPE html  html  head  meta charset= UTF-8  title HTML id 屬性 /title  style  #demo{  color:red;  font-size:25px;  /style  /head  body >
輸出：
HTML class屬性
class屬性用于為HTML元素指定一個(gè)或多個(gè)類名；class屬性可用于任何HTML元素。CSS和JavaScript可以使用類名來(lái)為具有指定類名的元素執(zhí)行某些任務(wù)。CSS樣式表中的類名稱使用“.”符號(hào)。
基本語(yǔ)法：
HTML中：
 element >
CSS樣式表中：
.class_name { // CSS屬性}
示例：
 !DOCTYPE html  html  head  meta charset= UTF-8  title HTML class 屬性 /title  style  .demo{  color:red;  font-size:25px;  /style  /head  body >
輸出：
說(shuō)明：同一個(gè)類名在在頁(yè)面里面可以多次出現(xiàn)，這樣可以重復(fù)引用同一個(gè)css，減小工作量和代碼量。
總結(jié)
id和class屬性之間的區(qū)別是：id具有唯一性，在頁(yè)面里面只能出現(xiàn)一次，最多只能應(yīng)用于一個(gè)元素，不能重復(fù)使用。class具有普遍性，在頁(yè)面里面可以多次出現(xiàn)，應(yīng)用于多個(gè)元素。
以上就是本篇文章的全部?jī)?nèi)容，希望能對(duì)大家的學(xué)習(xí)有所幫助。更多精彩內(nèi)容大家可以關(guān)注php 相關(guān)教程欄目?。?！
以上就是HTML中id和class屬性之間的區(qū)別是什么？的詳細(xì)內(nèi)容，html教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。