Sintaxis

Las hojas de estilo están basadas en reglas. Como ya comentabamos antes, estas reglas se van evaluando de forma secuencial, de arriba hacia abajo.

Las reglas están formadas por un selector seguido de un bloque de declaraciones:

Selector {
propiedad : valor;
propiedad : valor;
…
}

Ejemplo:

body {
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

Como vemos, cada declaración consta de una propiedad separada de su valor por el carácter «:«. A su vez, se pueden definir varias declaraciones para el mismo selector separadas por el carácter «;«, formando un bloque de declaraciones.

También tenemos la opción de aplicar un mismo bloque de declaraciones a varios selectores:

h1, h2 {color: green }

En el próximo post analizaremos más a fondo cómo pueden ser esos selectores, propiedades y valores.