Estructura CSS

La regla CSS consiste de un Selector y uno o varios Bloques de Declaración.

Veamos un ejemplo:

h1 {color:red; font-size:12px;}

El Selector lo vemos de color amarillo. El Selector apunta hacia el Elemento al que queremos aplicar un Estilo CSS.

El Bloque de Declaración. El bloque de Declaración está delimitado por las llaves: { }. Pueden contener una Declaración o varias separadas por punto y coma: ;

Cada Declaración incluye: Propiedad : Valor y se termina con ;. Dentro de las llaves { } se pueden tener Múltiples Declaraciones.

Veamos otro ejemplo, probablemente el que más utilizamos en la vida real desde el Elemento head o desde un Archivo Externo:

        p
        {
        color: orange;
        text-align: center;
        }

Elemento al que se le aplicará el Estilo CSS

Llave de Apertura de la Declaración

Propiedad color y el valor naranja

Propiedad alineación de texto y el valor Centrado

Llave de Cierre de la Declaración