El enunciado de reglas constituye la forma usual de declarar estilos, y deben ajustarse a la sintaxis definida por la especificación CSS; si el navegador encuentra un selector que no entiende, ignorará la declaración por completo. Si encuentra dentro de la declaración una propiedad o valor que no comprende ignorará esta parte de la declaración, pero deberá procesar el resto.
Los selectores se escriben omitiendo las llaves < y >, es decir, simplemente h1, h2, etc. La declaración {propiedad : valor} ha de ir encerrada en llaves { }.
Pueden asignarse varias propiedades a un mismo selector, separadas por punto y coma:
selector { propiedad1: valor1; propiedad2: valor2 } h1 {color: yellow; background-color: red }
También se pueden asignar propiedades de forma conjunta a varios selectores, separándolos por comas:
selector1, selector2 {propiedad1:valor1;propiedad2:valor2}
Como ejemplo, veamos una definición de un estilo para los elementos (selectores) h1 y h2:
<head> <title>Titulo</title> <style> h1 { font-size: x-large; color: red; } h2 { font-size: large; color: blue; } </style> </head>
Se pueden añadir líneas y espacios en blanco entre declaraciones para mejorar la legibilidad. También se pueden añadir comentarios. En las hojas de estilo externas el único formato de comentario admisible es /* aqui dentro va el comentario */