CSS 中 id、class屬性的區(qū)別 \x0d\x0a1)class是設(shè)置標(biāo)簽的類,用于指定元素屬于何種樣式的類。在CSS樣式中以小寫的“點(diǎn)”及“.”來命名,在html頁面里則以class="css5" 來選擇調(diào)用,命名好的CSS又叫css選擇器。\x0d\x0a如: .css5{屬性:屬性值;} 選擇器在html調(diào)用為“我是class例子\x0d\x0a.baobao { color: lime; background: #ff80c0 }\x0d\x0a使用方法:class="baobao" \x0d\x0a\x0d\x0a2)id是設(shè)置標(biāo)簽的標(biāo)識(shí)。用于定義一個(gè)元素的獨(dú)特的樣式。在CSS樣式定義的時(shí)候 以“#”來開頭命名id名稱\x0d\x0a如一個(gè)CSS規(guī)則:\x0d\x0a #binbin { font-size: larger }\x0d\x0a 使用方法:id="binbin" \x0d\x0aid是一個(gè)標(biāo)簽,用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容,就象你的名字,如果一個(gè)屋子有2個(gè)人同名,就會(huì)出現(xiàn)混淆;\x0d\x0a\x0d\x0a3)css里的id用法與class用法一樣,只是把class換成id。如例子:\x0d\x0a 在CSS樣式定義ID \x0d\x0a #css5 {height:25px; width: 200px;}\x0d\x0a 調(diào)用ID :\x0d\x0a 我是ID例子\x0d\x0aclass是一個(gè)樣式,可以套在任何結(jié)構(gòu)和內(nèi)容上,就象一件衣服。\x0d\x0a\x0d\x0a4)概念上說就是不一樣\x0d\x0aid是先找到結(jié)構(gòu)/內(nèi)容,再給它定義樣式;class是先定義好一種樣式,再套給多個(gè)結(jié)構(gòu)/內(nèi)容。\x0d\x0a(1)\x0d\x0a \x0d\x0a一個(gè)class是用來根據(jù)用戶定義的標(biāo)準(zhǔn)對(duì)一個(gè)或多個(gè)元素進(jìn)行定義的。打個(gè)比較恰當(dāng)?shù)谋确骄褪莿”荆阂粋€(gè)class可以定義劇本中每個(gè)人物的故事線,你可\x0d\x0a以通過cSS,javascript等來使用這個(gè)類。因此你可以在一個(gè)頁面上使用class="Frodo" ,class= "Gandalf", \x0d\x0aclass="Aragorn"來區(qū)分不同的故事線。還有一點(diǎn)非常重要的是你可以在一個(gè)文檔中使用任意次數(shù)的class。\x0d\x0a(2) id 通\x0d\x0a常用于定義頁面上一個(gè)僅出現(xiàn)一次的標(biāo)記。在對(duì)頁面排版進(jìn)行結(jié)構(gòu)化布局時(shí)(比如說通常一個(gè)頁面都是由一個(gè)頁眉,一個(gè)報(bào)頭,一個(gè)內(nèi)容區(qū)域和一個(gè)頁腳等組成),一般使用ID比較理想,因?yàn)橐粋€(gè)ID在一個(gè)文檔中只能被使用一次。而這些元素在同一頁面中很\x0d\x0a少會(huì)出現(xiàn)大于一次的情況。\x0d\x0a歸納成一句話就是:class可以反復(fù)使用而id在一個(gè)頁面中僅能被使用一次。\x0d\x0a\x0d\x0a有可能在很大部分瀏覽器中反復(fù)使用同一個(gè)id不會(huì)出現(xiàn)問題,但在標(biāo)準(zhǔn)上這絕對(duì)是錯(cuò)誤的使用,而且很可能導(dǎo)致某些瀏覽器的現(xiàn)實(shí)問題。\x0d\x0a在實(shí)際應(yīng)用的時(shí)候,class可能對(duì)文字的排版等比較有用,而id則對(duì)宏觀布局和設(shè)計(jì)放置各種元素較有用。

我們提供的服務(wù)有:網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、隴川ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的隴川網(wǎng)站制作公司
回答于?2022-11-16
ID具有唯一性,CLASS具有普遍性。
id樣式用為#
ID:是指id為某個(gè)值的元素.CSS定義為:#div_id{}.定義之后就是ID為div_id的div是這種樣式.范圍單一,一般用于指定的元素.
class類樣式用為.
類:是指class為某一個(gè)值的元素.CSS定義為:.div_class{}.定義之后就是類為div_class的div是這種樣式.范圍好控制,需要用這種樣式的就給他class就行了.
可以,只是如果兩個(gè)都設(shè)置了同一個(gè)樣式的話#會(huì)覆蓋掉通配符設(shè)置的樣式,因?yàn)榍罢邇?yōu)先級(jí)比較高
如果你說的事ID選擇器的話,例子如下
HTML
head/head
style
# d1{
width:100px;
height:100px;
background:pink;
}
/style
body
div id=" d1"
/div
/body
/HTML
id選擇器在一個(gè)頁面中只能有一個(gè),能通過ID選擇器為不同的元素進(jìn)行樣式的更改。在body頁面里為需要的元素進(jìn)行命名,再在style里通過ID名進(jìn)行樣式修改
.xxx 為 class 類
#xxx 為 id
id 具有唯一性,就是說你某個(gè)頁面中 id 只應(yīng)該出現(xiàn)一次,比如你有個(gè)導(dǎo)航欄名字考慮叫 nav,而你整個(gè)頁面上這個(gè)導(dǎo)航欄只出現(xiàn)一次就該用 id,那么就叫:#nav
而 class 類是用在重復(fù)出現(xiàn)的地方,比如你頁面中有n個(gè)地方都有紅色的標(biāo)題字反復(fù)出現(xiàn),那就用 class 定義個(gè)類,假設(shè)叫:.red{color:red;},然后在要用紅色字的標(biāo)簽上添加這個(gè)類即可。
id 唯一性只是語法上的規(guī)范,實(shí)際上你一個(gè)頁面中出現(xiàn)兩次以上同一個(gè) id ,瀏覽器還是能夠正確解析。
當(dāng)前名稱:css設(shè)置id樣式,css的高級(jí)樣式使用ID屬性
文章路徑:http://chinadenli.net/article23/dsijics.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、品牌網(wǎng)站設(shè)計(jì)、自適應(yīng)網(wǎng)站、定制網(wǎng)站、用戶體驗(yàn)、網(wǎng)頁設(shè)計(jì)公司
聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)