Sección: Capa de presentación del documento1

Sintaxis: 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 comentarios2 que se quieran incluir, es la hoja de estilo.

Notas

  1. La capa de presentación incluye las declaraciones de estilo que se aplican a la capa del contenido y que otorgan al documento el aspecto que presenta en los agentes de usuario. Deliberadamente empleo agentes de usuario y no navegadores, porque gracias a CSS el mismo documento se puede presentar de diversas maneras para un navegador, una impresora, un PDA, etc. Volver al texto
  2. Los comentarios se indican así: /* …comentarios… */. Aunque forman parte de la hoja de estilo, el navegador no los interpreta. Volver al texto

(cc) codexexempla, 2007-2010