Quina diferència hi ha entre la classe de selector CSS i l'identificador? ús d'identificador i classe en HTML

Quina diferència hi ha entre la classe de selector CSS i l'identificador? ús d'identificador i classe en HTML

Chen Weiliangactualment en execucióSEO, optimitzar el llocWordPresstema.

Tot i que abans he après alguns coneixements bàsics d'HTML i CSS, però fa temps que no l'he utilitzat, especialment l'ús de la part CSS, és fàcil d'oblidar.

Per tant, registreu i resumiu la diferència i l'ús de l'identificador i la classe del selector CSS aquí:

• id correspon a #div
• classe correspon a .div

La diferència entre id i classe

descripció d'identificador

• id és una etiqueta fixa, que s'utilitza per definir l'estil més gran a la pàgina web, que es defineix en forma de #div
• Per exemple: columnes divisòries, superior, cos, inferior, etc...
• S'utilitza per definir un element concret, que només pot aparèixer una vegada per pàgina i no es pot cridar repetidament.

descripció de la classe

• Class és un grup d'estils, que s'utilitza per definir els estils detallats a la pàgina web, es defineix en forma de .div i es pot repetir.
• Per exemple: un menú concret, una línia de text, etc...
• A la mateixa pàgina, es pot cridar repetidament per diversos elements

El selector de div en si no té propietats. En definir el seu css, controla alguns dissenys com ara l'amplada, l'alçada, el color de fons i la mida del text del div.

GeneralComerç electròniclloc web,construir un lloc webLa pàgina web html generada pel programa és realitzar el disseny de la pàgina mitjançant CSS.

Què és un selector?

La definició de cada estil CSS consta de 2 parts:

选择器 {样式}

• La part abans de {} és el "selector".
• El "selector" indica l'"estil" de {} al qual actua.
• És a dir, en quin element de la pàgina web funciona aquest "estil"?

exemple de codi

A continuació s'explica com seleccionar i estilitzar un element class="sidebar":

.sidebar
{ 
background-color:black;
}

A continuació s'explica com seleccionar i estilitzar un element amb id="footer":

#footer
{ 
background-color:black;
}