Directorio de artigos
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.
📚 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!