Kāda ir atšķirība starp CSS atlasītāja klasi un id? ID un klases lietojums HTML

Kāda ir atšķirība starp CSS atlasītāja klasi un id? ID un klases lietojums HTML

Čens Veiliangspašlaik tiek izpildītsSEO, optimizējiet vietniWordPresstēma.

Kaut arī iepriekš esmu apguvis dažas HTML un CSS pamatzināšanas, taču kādu laiku neesmu ar to nodarbojies, īpaši CSS daļas lietojumu, tas ir viegli aizmirst.

Tātad, ierakstiet un apkopojiet CSS atlasītāja ID un klases atšķirību un lietojumu šeit:

• id atbilst #div
• klase atbilst .div

Atšķirība starp ID un klasi

id apraksts

• id ir fiksēts tags, ko izmanto, lai definētu lielāku tīmekļa lapas stilu, kas tiek definēts kā #div
• Piemēram: sadalot kolonnas, augšā, pamattekstā, apakšā utt.
• Izmanto, lai definētu konkrētu elementu, kas var parādīties tikai vienu reizi lapā un ko nevar izsaukt atkārtoti.

klases apraksts

• Klase ir stilu grupa, kas tiek izmantota detalizētu stilu definēšanai tīmekļa lapā.Tā ir definēta .div formā un var tikt atkārtota.
• Piemēram: konkrēta izvēlne, teksta rindiņa utt.
• Tajā pašā lapā to var atkārtoti izsaukt vairāki elementi

Pašam div atlasītājam nav rekvizītu. Definējot tā css, tas kontrolē dažus izkārtojumus, piemēram, div platumu, augstumu, fona krāsu un teksta lielumu.

VispārīgiE-komercijavietne,izveidot vietniProgrammas ģenerētajai html tīmekļa lapai ir jārealizē lapas izkārtojums, izmantojot CSS.

Kas ir selektors?

Katra CSS stila definīcija sastāv no 2 daļām:

选择器 {样式}

• Daļa pirms {} ir "selektors".
• "Atlasītājs" norāda {} "stilu", uz kuru tas darbojas.
• Tas ir, kurā tīmekļa lapas elementā darbojas šis "stils"?

koda piemērs

Tālāk ir norādīts, kā atlasīt elementu class="sidebar" un veidot stilu.

.sidebar
{ 
background-color:black;
}

Lūk, kā atlasīt un veidot elementu ar id="footer":

#footer
{ 
background-color:black;
}