Sintaxis de CSS 2.1: propiedades, declaraciones y reglas

Una hoja de estilo básica tiene un aspecto como este:

    body{
        color:#000;
        background-color:#FFF;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:0.8em;
    }

    p{
        margin:1em;
    }
            

Básicamente, lo que estamos diciendo es que a una parte concreta del documento se le apliquen unas propiedades definidas.

El elemento, identificador, clase, o grupo de los anteriores, que se elige para aplicarle el estilo —y que precede a la apertura de las llaves— es el selector. La serie de propiedades que se le aplican —dentro de las llaves y separadas por punto y coma— junto con sus valores son las declaraciones. Cada bloque compuesto de un selector y una serie de declaraciones se denomina regla.

Ilustración gráfica del párrafo anterior

El conjunto de reglas, junto con los comentarios¹ que se quieran incluir, es la hoja de estilo.

Notas

1. Los comentarios se indican así: /* …comentarios… */. Aunque forman parte de la hoja de estilo, el navegador no los interpreta.