HTML中id和class屬性之間的區(qū)別有哪些

這篇文章主要為大家展示了HTML中id和class屬性之間的區(qū)別有哪些，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學(xué)習(xí)一下“HTML中id和class屬性之間的區(qū)別有哪些”這篇文章吧。

成都創(chuàng)新互聯(lián)公司是專業(yè)的集賢網(wǎng)站建設(shè)公司，集賢接單;提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行集賢網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

HTML id屬性

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

基本語法：

HTML中：

1	<element id =“id_name”>

CSS樣式表中：

#id_name {

// CSS屬性

}

示例：

<!DOCTYPE html>

<html>

<head>

<style>

#demo{

color:red;

font-size:25px;

}

</style>

</head>

<h2>Hello World!</h2>

<p id="demo">歡迎來到創(chuàng)新互聯(lián)！</p>

<p >php從入門到精通，一站式php自學(xué)平臺！</p>

</body>

</html>

HTML class屬性

class屬性用于為HTML元素指定一個(gè)或多個(gè)類名；class屬性可用于任何HTML元素。CSS和JavaScript可以使用類名來為具有指定類名的元素執(zhí)行某些任務(wù)。CSS樣式表中的類名稱使用“.”符號。

基本語法：

HTML中：

1	<element class=“class_name”>

CSS樣式表中：

.class_name {

// CSS屬性

}

示例：

<!DOCTYPE html>

<html>

<head>

<title> HTML class 屬性 </title>

<style>

.demo{

color:red;

font-size:25px;

}

</style>

</head>

<p class="demo">Hello World!</p>

<p class="demo">歡迎來到創(chuàng)新互聯(lián)！</p>

</body>

</html>

說明：同一個(gè)類名在在頁面里面可以多次出現(xiàn)，這樣可以重復(fù)引用同一個(gè)css，減小工作量和代碼量。

以上就是關(guān)于“HTML中id和class屬性之間的區(qū)別有哪些”的內(nèi)容，如果該文章對您有所幫助并覺得寫得不錯(cuò)，勞請分享給您的好友一起學(xué)習(xí)新知識，若想了解更多相關(guān)知識內(nèi)容，請多多關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享題目：HTML中id和class屬性之間的區(qū)別有哪些
轉(zhuǎn)載來于：http://muchs.cn/article40/isjheo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、云服務(wù)器、自適應(yīng)網(wǎng)站、網(wǎng)站導(dǎo)航、App開發(fā)、網(wǎng)站營銷

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

猜你還喜歡下面的內(nèi)容