Con CSS podemos aplicar reglas de estilo a un tipo determinado de elementos dentró del documento HTML, así podemos podemos conseguir el mismo efecto que utilizando el marcado tradicional:

<h2><font color="red">Texto de prueba</font></h2>
Pero con el mínimo esfuerzo:

H2 {color: red;}
A esta expresión se la denomina "regla", y esta en concreto, permite poner en rojo los elementos de tipo h2.

Estructura de las reglas.- Cada regla tiene dos partes:

1.El "selector": el selector es la parte de la regla que selecciona a qué partes del documento se les debe de aplicar el estilo. En cuanto a la declaración se compone de una combinación de propiedades CSS. Normalmente, el selector es un elemento HTML, aunque puede tomar otros valores. Si estamos formatenado un documento XML, puede tomar el valor de cualquiera de los elementos o nodos del documento XML:

QUOTE {color: gray;}
BIB {color: red;}
BOOKTITLE {color: purple;}

2.La "declaración": además, la declaración se compone de una lista de parejas "propiedad : valor" separadas por punto y coma, que se corresponden con propiedades válidas dentro de la especificación CSS. Motivos por los que se puede anular una declaración:

-Si utilizamos un propiedad que no existe, la declaración entera es ignorada.

-Si utilizamos un valor incorrecto para una propiedad, sólo debería ignorarse el valor, aunque este aspecto depende de la implementación del navegador (aunque la mayoría son bastante tolerantes con los errores en el código CSS).

Figura 3. Estructura de una regla

Si la definición del valor de una propiedad permite el uso de más de una palabra, estas estarán separadas por espacios en blanco. Además existen unos poco ejemplos en los que se pueden utilizar otros tipo de elementos dentro de la declaración. Es el caso de la propiedad FONT:

H2 {font: large/150% sans-serif;}

Esta declaración permite definir además del tamaño de la fuente, el grosor de la línea en la que está el texto.