¿Para qué sirve el código CSS?
Las hojas de estilo CSS, o Cascading Style Sheets, son reglas para la visualización de los elementos HTML. Estas reglas pueden por ejemplo cambiar los colores de un texto, del fondo, los espaciados, el tamaño o tipo de fuentes, en fin, todo lo relacionado a cómo debe verse un sitio.
Estas reglas pueden ser especificadas en los mismos elementos, por ejemplo:
O en la cabecera de cada página:
O en un archivo separado que está enlazado en la cabecera:
Normalmente todas las páginas de un sitio web utilizaran los mismos estilos, entonces para economizar recursos lo mejor es mantener las hojas de estilo en archivos separados y seguir la regla de tener un código HTML limpio.
¿Cómo se escriben las reglas CSS?
Un ejemplo de regla CSS es:
Como podemos ver, cada regla comienza por un selector, en este caso "p" que significa todas las etiquetas párrafo. Posteriormente entre llaves se escriben las distintas propiedades y valores que se quieren cambiar. En el ejemplo queremos que los párrafos sean de color rojo, tengan un tamaño de 12 pixeles y estén en negrillas.
