Beth yw'r gwahaniaeth rhwng dosbarth dewisydd CSS ac id? id a defnydd dosbarth yn HTML

Beth yw'r gwahaniaeth rhwng dosbarth dewisydd CSS ac id? id a defnydd dosbarth yn HTML

Chen Weilianggweithredu ar hyn o brydSEO, gwneud y gorau o'r wefanWordPressthema.

Er fy mod wedi dysgu rhywfaint o wybodaeth HTML a CSS sylfaenol o'r blaen, ond nid wyf wedi ei weithredu ers tro, yn enwedig y defnydd rhan CSS, mae'n hawdd anghofio.

Felly, cofnodwch a chrynhowch y gwahaniaeth a'r defnydd o ID dewisydd CSS a dosbarth yma:

• id yn cyfateb i #div
• dosbarth yn cyfateb i .div

Y gwahaniaeth rhwng id a dosbarth

disgrifiad id

• Mae id yn dag sefydlog, a ddefnyddir i ddiffinio'r arddull mwy yn y dudalen we, a ddiffinnir ar ffurf #div
• Er enghraifft: rhannu colofnau, top, corff, gwaelod, ac ati ...
• Fe'i defnyddir i ddiffinio elfen benodol, na all ond ymddangos unwaith y dudalen ac ni ellir ei galw dro ar ôl tro.

disgrifiad dosbarth

• Mae dosbarth yn grŵp arddull, a ddefnyddir i ddiffinio'r arddulliau manwl yn y dudalen we. Fe'i diffinnir ar ffurf .div a gellir ei ailadrodd.
• Er enghraifft: dewislen benodol, llinell o destun, ac ati...
• Ar yr un dudalen, gellir ei alw dro ar ôl tro gan elfennau lluosog

Nid oes gan y dewisydd div ei hun unrhyw briodweddau. Trwy ddiffinio ei css, mae'n rheoli rhai gosodiadau megis lled, uchder, lliw cefndir a maint testun y div.

CyffredinolE-fasnachgwefan,adeiladu gwefanY dudalen we html a gynhyrchir gan y rhaglen yw gwireddu cynllun y dudalen trwy CSS.

Beth yw dewiswr?

Mae diffiniad pob arddull CSS yn cynnwys 2 ran:

选择器 {样式}

• Y rhan cyn y {} yw'r "dewiswr".
• Mae'r "dewiswr" yn dynodi "arddull" {} y mae'n gweithredu iddo.
• Hynny yw, ar ba elfen o'r dudalen we mae'r "arddull" hwn yn gweithio?

enghraifft cod

Dyma sut i ddewis a steilio elfen class="bar ochr":

.sidebar
{ 
background-color:black;
}

Dyma sut i ddewis a steilio elfen gydag id="footer":

#footer
{ 
background-color:black;
}