Cal é a diferenza entre a clase de selector CSS e a identificación? uso de id e clase en HTML

Cal é a diferenza entre a clase de selector CSS e a identificación? uso de id e clase en HTML

Chen Weiliangactualmente en execuciónSEO, optimizar o sitioWordPresstema.

Aínda que aprendín algúns coñecementos básicos de HTML e CSS antes, pero hai tempo que non o usei, especialmente o uso da parte CSS, é fácil de esquecer.

Entón, rexistre e resuma aquí a diferenza e o uso da ID e da clase do selector CSS:

  • id corresponde a #div
  • clase corresponde a .div

A diferenza entre id e clase

descrición de id

  • id é unha etiqueta fixa, que se usa para definir o estilo máis grande na páxina web, que se define en forma de #div
  • Por exemplo: columnas divisorias, arriba, corpo, abaixo, etc...
  • Úsase para definir un elemento específico, que só pode aparecer unha vez por páxina e non se pode chamar repetidamente.

descrición da clase

  • A clase é un grupo de estilos, que se usa para definir os estilos detallados na páxina web.Defínese en forma de .div e pódese repetir.
  • Por exemplo: un menú específico, unha liña de texto, etc...
  • Na mesma páxina, pódese chamar repetidamente por varios elementos

O selector de div en si non ten propiedades. Ao definir o seu css, controla algúns deseños como o ancho, o alto, a cor de fondo e o tamaño do texto do div.

XeraisComercio electrónicositio web,Construír unha estaciónA páxina web html xerada polo programa é realizar o deseño da páxina mediante CSS.

Que é un selector?

A definición de cada estilo CSS consta de 2 partes:

选择器 {样式}
  • A parte anterior ao {} é o "selector".
  • O "selector" indica o "estilo" de {} ao que actúa.
  • É dicir, en que elemento da páxina web funciona este "estilo"?

exemplo de código

Aquí tes como seleccionar e dar estilo a un elemento class="sidebar":

.sidebar
{ 
background-color:black;
}

Aquí tes como seleccionar e estilizar un elemento con id="footer":

#footer
{ 
background-color:black;
}

Blog de Hope Chen Weiliang ( https://www.chenweiliang.com/ ) compartiu "Cal é a diferenza entre a clase de selector CSS e o identificador? O uso de id e clase en HTML" axudarache.

Benvido a compartir a ligazón deste artigo:https://www.chenweiliang.com/cwl-572.html

Benvido á canle de Telegram do blog de Chen Weiliang para recibir as últimas actualizacións.

🔔 Sexa o primeiro en obter a valiosa "Guía de uso da ferramenta de intelixencia artificial de marketing de contidos de ChatGPT" no directorio principal da canle. 🌟
📚 Esta guía contén un gran valor, 🌟Esta é unha oportunidade rara, non a perdas! ⏰⌛💨
Comparte e da like se che gusta!
O teu compartir e gústame son a nosa motivación continua!

 

发表 评论

O seu enderezo de correo electrónico non se publicará. Utilízanse os campos obrigatorios * Etiqueta

desprázate cara arriba