1. Selector de etiquetas: use el nombre de la etiqueta como el nombre del selector
Función: puede seleccionar rápidamente el mismo tipo de etiquetas
Ventajas: puede establecer rápidamente un estilo uniforme para el mismo tipo de etiqueta en la página
Desventajas: no se puede diferenciar el estilo de la etiqueta
2. Selector de clases (más utilizado en desarrollo)
Ventajas: diferenciar el estilo del contenido de la etiqueta.
Sintaxis:
.类名 {
属性1: 属性值;
...+
}
utilizar
<标签 class="类名1 类名2 ...">
Nota: Los nombres de varias clases en realidad logran una extracción de elementos comunes , es decir, agrupan los mismos atributos en una clase.
3.Sintaxis del selector de id
:
#类名{
属性1: 属性值;
.....
}
utilizar:
<标签名 id="id选择器名">
Nota: El selector de id solo se puede llamar una vez, cuando el selector de id es llamado una vez por una etiqueta, ya no se puede usar
4.
Sintaxis del selector de comodines :
* {
属性1: 属性值;
.....
}
Rol: cambiar todas las etiquetas a un estilo uniforme
Resumen de selectores: