Hojas de estilo CSS

Las Style Sheets, una de las recientes incorporaciones al mundo del Web, son una herramienta que proporciona al diseñador de documentos HTML un control total sobre la forma en que estos se visualizan o imprimen.

¿Qué son las hojas de estilo?

En un rápido resumen, son plantillas que permiten cambiar el formato de presentación de cualquier etiqueta de HTML.

Se puede hacer que todos los títulos tengan color rojo, o que los párrafos estén alineados a la izquierda. Además, y como aspecto fundamental, permiten crear nuevas clases de texto, que agrupen estilos de presentación comunes. Por ejemplo, se puede definir un párrafo normal, otro de italica y otro con negrita, y cambiar la apariencia de un párrafo sin más que aplicar el correspondiente estilo a ese parrafo.

Las hojas de estilo controlan todos los elementos de la presentación de un documento HTML: márgenes de página, espaciado entre párrafos, tamaños y tipos de letra, color y fondos, etc.

Permiten agrupar varios formatos en nuevas clases de texto, para evitar tener que repetir las mismas etiquetas HTML en diferentes partes del documento. La presentación final de una página html se puede alterar, alterando su hoja de estilos, que es común a todos los documentos.

Las hojas de estilo son muy similares a los estilos de Microsoft Word o WordPerfect, se definen estilos para párrafos y caracteres, y se aplican a las diferentes partes de un documento.

Las especificaciones de las hojas de estilo definen unas reglas de precedencia para decidir en qué forma se aplica una de estas 'cascadas' de estilos a las páginas donde las enlacemos.

La forma más sencilla para definir reglas de estilo es utilizar la etiqueta <STYLE>, que crea un conjunto de reglas de estilo que tendrán valor desde el punto de inserción en adelante. Esta etiqueta se incluye en la sección HEAD, para que esté disponible en todo el cuerpo del documento.

STYLE tiene un único atributo TYPE, que informa sobre el tipo de reglas de estilo que contiene; se utiliza text/ccs.

Para incluirlo en las páginas web, se utiliza la etiqueta <LINK> en el encabezado del documento, con el siguiente formato: