Aprende como crear una pagina web

Selectores, propiedades y valores

Los selectores son los elementos HTML a los que se le aplica el código CSS. Cada selector tiene propiedades a las que se le pueden aplicar valores. Veamos un ejemplo:

body {
	font-size: 14px;

	color: blue;
}

Como vemos en el ejemplo, el selector sería body al cual le aplicamos valores determinados a las propiedades font-size (que modificará el tamaño de la letra), y a la propiedad color (que cambia el color de la letra).

En este caso le aplicamos el estilo al selector body por lo que todo lo que se encuentre entre las etiquetas body en nuestro documento HTML se verá afectado.

Estas propiedades se la podemos aplicar a cualquier etiqueta HTML, como por ejemplo a la etiqueta <p>, para que todos los párrafos aparescan de un color en particular.

Medidas

La medida que usamos para la propiedad font-size fue px la cual representa los pixeles. Pero ademas de esta unidad hay otras más que podríamos haber usado:

em (ejemplo font-size: 2em) sirve paracalcular el tamaño de letra. Entonces "2em", por ejemplo, es el doble del tamaño de letra actual.

px (ejemplo font-size: 12px) es la unidad para pixeles.

pt (ejemplo font-size: 12pt) es la unidad para puntos.

% (ejemplos font-size: 80%) es la unidad para porcentages.