Esquema de regla CSS
Una hoja de estilo es un fichero de texto plano (sin formato) en el que se define el aspecto de las etiquetas de una página web.
Una hoja de estilo está formada por una o varias sentencias (reglas), y existen dos tipos de sentencias: reglas-arroba y reglas.
/* Regla arroba */
@charset "utf-8";
/* Regla 1 */
h2 {
color: red;
background-color: black;
}
/* Regla 2 */
p {
font-size: 1.3em;
background-color: rgb(255, 255, 224);
}
- Una regla CSS se compone de un selector y de un bloque de declaración
- Cada declaración está compuesta por uno o más pares propiedad/valor
- El bloque de declaración empieza y acaba con los signos de llaves { ... }
- Cada par propiedad/valor se separa por el signo punto y coma ;
- Cada propiedad debe separarse de su valor por el signo dos puntos :
- Regla: cada uno de los estilos que componen una hoja de estilos CSS. Cada regla está compuesta de una parte de "selectores", un símbolo de "llave de apertura" {, otra parte denominada "bloque de declaración" y por último, un símbolo de "llave de cierre" }.
- Selector: indica el elemento o elementos HTML a los que se aplica la regla CSS.
- Bloque de declaración: especifica los estilos que se aplican a los elementos. Está compuesto por pares propiedad CSS y su correspondiente valor.
- Propiedad: característica que se modifica en el elemento seleccionado, como por ejemplo su tamaño de letra, color, etc. y cada propiedad tiene un conjunto de posibles valores.
- Valor: establece el nuevo valor de la propiedad modificada en el elemento
- Se pueden definir varios selectores simultáneamente escribiendo los selectores separados por comas ,. Lo que no es correcto es definir varias propiedades simultáneamente.
- Una hoja de estilo puede contener comentarios. Los delimitadores del comentario son /* ... */ (como en el lenguaje de programación C). Los comentarios pueden extenderse a varias líneas.
Un archivo CSS puede contener un número ilimitado de reglas CSS, cada regla se puede aplicar a varios selectores diferentes y puede contener un bloque de declaración con uno o más pares propiedad/valor.
El orden en el que escribimos las reglas en el archivo .css generalmente no importa a no ser que modifiquemos la misma propiedad al mismo selector, en este caso la que prevalece es la última escrita. El orden de las propiedades en el bloque de declaración suele ser alfabético.
El estándar CSS 2.1 define aproximadamente 115 propiedades, cada una con su propia lista de valores permitidos. Por su parte, los últimos borradores del estándar CSS 3 incluyen más de 250 propiedades y sus respectivos valores.