Wat is die verskil tussen CSS-keurderklas en ID? id en klasgebruik in HTML

Wat is die verskil tussen CSS-keurderklas en ID? id en klasgebruik in HTML

Chen Weiliangtans uitvoerSEO, optimaliseer die webwerf seWordPresstema.

Alhoewel ek al voorheen 'n paar basiese HTML- en CSS-kennis geleer het, maar ek het dit vir 'n rukkie nie gebruik nie, veral die CSS-deelgebruik, is dit maklik om te vergeet.

Teken dus die verskil en gebruik van CSS-keurder-ID en klas hier op en som op:

• id stem ooreen met #div
• klas stem ooreen met .div

Die verskil tussen id en klas

id beskrywing

• id is 'n vaste merker wat gebruik word om die groter styl in die webblad te definieer, wat gedefinieer word in die vorm van #div
• Byvoorbeeld: verdeling van kolomme, bo, liggaam, onder, ens...
• Dit word gebruik om 'n spesifieke element te definieer, wat slegs een keer per bladsy kan verskyn en nie herhaaldelik genoem kan word nie.

klasbeskrywing

• Klas is 'n stylgroep wat gebruik word om die gedetailleerde style in die webblad te definieer.Dit word gedefinieer in die vorm van .div en kan herhaal word.
• Byvoorbeeld: 'n spesifieke spyskaart, 'n reël teks, ens...
• Op dieselfde bladsy kan dit herhaaldelik deur verskeie elemente genoem word

Die div-kieser self het geen eienskappe nie. Deur sy css te definieer, beheer dit sommige uitlegte soos die breedte, hoogte, agtergrondkleur en teksgrootte van die div.

algemeneE-handelwebwerf,'n webwerf te bouDie html-webblad wat deur die program gegenereer word, is om die bladsyuitleg deur CSS te realiseer.

Wat is 'n keurder?

Die definisie van elke CSS-styl bestaan ​​uit 2 dele:

选择器 {样式}

• Die deel voor die {} is die "kieser".
• Die "kieser" dui die "styl" van {} aan waarop dit optree.
• Dit wil sê, op watter element van die webblad werk hierdie "styl"?

kode voorbeeld

Hier is hoe om 'n class="sidebar"-element te kies en te styl:

.sidebar
{ 
background-color:black;
}

Hier is hoe om 'n element met id="footer" te kies en te stileer:

#footer
{ 
background-color:black;
}