Cada uno de los estilos que componen una hoja de estilos CSS se denomina regla.
Observa la imagen, cada regla se forma por:
- Selector: indica el elemento o elementos HTML a los que se aplica la regla CSS
- Llave de apertura, {
- Declaración: especifica los estilos que se aplican a los elementos.
- Propiedad: permite modificar el aspecto de un atributo del elemento.
- Valor: indica el nuevo valor del atributo modificado en el elemento.
- Llave de cierre, }.
También puede indicarse identado, por ejemplo:
p {
color : blue;
text-align: center;
}En este caso el selector es "p", la declaración es: "color : blue" y, dentro de ésta, podemos diferenciar la propiedad "color" y el valor "blue".
Un archivo CSS puede contener infinitas reglas CSS, cada regla puede contener varios selectores y cada declaración puede estar formada por diferentes declaraciones.