Lembremos... Que é unha regra de estilos?

Unha folla de estilo componse dunha ou varias regras de estilo. As regras de estilo especifican que etiqueta ou etiquetas que vamos a formatar e que formato lle vamos a aplicar.

As regras de estilo teñen dous compoñentes:

• O selector, que seleccionará a etiqueta ou elementos HTML da nosa páxina Web sobre os que definiremos o estilo
• A declaración, indica  que formato, cores, bordes... vamos a aplicar sobre os elementos seleccionados polo selector. A declaración esta composta por:
  • A propiedade é o atributo que desexamos modificar (cor de fondo, imaxe de fondo, borde, marxe...)
  • O valor é o valor que lle asignamos a esa propiedade (vermello, img.jpg, 10px,...)

Así, unha regra de estilo adopta a seguinte forma:

selector {
  propiedade1: valor1;
  propiedade2: valor2;
}

Valores

Ata o de agora vimos en profundidade os selectores, e nos exemplos vimos algunha propiedade xunto con algún valor.

Nesta sección vamos a ver os tipos de valores que podemos por nas propiedades. Veremos:

• Unidades de medida
• Cores
• Tipos de letra
• Sombras
• Espazos en branco
• URLs

So coas unidades de medida e os cores poderemos dar valor ao 90% das propiedades en CSS, xa que moitas das propiedades de CSS que se verán nos próximos capítulos permiten indicar medidas e cores nos seus valores. Ademais, CSS é tan flexible que permite indicar as medidas e cores de moitas formas diferentes.

Nos seguintes capítulos, cando unha propiedade poida tomar os tipos de valores aquí postos, non se volverán a explicar.