Selectores
El selector es una representación del elemento HTML al que se refiere la instrucción de diseño. La declaración se compone de la combinación entre propiedad y valor, citada a continuación entre corchetes.
La estructura básica de una instrucción de diseño se ve de la siguiente manera:
Selector { Declaración }
Elemento HTML { Propiedad: Valor; }
Por ejemplo, para asignar un color a un título h2 se usaría la siguiente sintaxis:
h2 { color: red; }
h2 { color: #ff0000; }
Donde
- El selector h2 representa a los titulares en segundo orden.
- La declaración incluye la propiedad “color” y el valor “red” (rojo).
- En una página web con esta instrucción de diseño, todos los segmentos <h2> en el código aparecerán en rojo.
- La configuración de color también se puede definir de forma más detallada utilizando códigos de color hexadecimales (que se encuentran en la Web).
Se pueden definir reglas que serán instrucciones para el diseño de la página web. Así por ejemplo,
Selector
Selector {
Propiedad1: Valor;
Propiedad2: Valor;
Propiedad3: Valor;
}
Para h2
h2 {
color: #ff0000;
font-family: Helvetica, sans-serif;
font-size: 19px;
font-weight: bold;
text-align: center;
}
- Definen el color (color)
- La fuente (font-family)
- El tamaño de fuente (font-size)
- Las acentuaciones (bold) y
- La alineación del texto (text-align).