1.5 Hojas de estilo en cascada e introducción al XML

Una hoja de estilo es un conjunto de instrucciones que definen la apariencia de diversos elementos de un documento HTML. En otras palabras una hoja de estilo nos permite indicar por ejemplo el tamaño de la fuente, color y estilo de cierto párrafo que nosotros indiquemos, mediante la definición de estilos y aplicación de los mismos.

Las hojas de estilo se usan porque tienen muchas ventajas sobre los tags tradicionales, ya que por ejemplo es posible crear una sola hoja de estilo que compartan muchos documentos, y al hacer un cambio en la hoja de estilo todos los documentos que la usan tendrán la apariencia deseada.

También se puede tener control sobre ciertos aspectos que antes no se tenia, por ejemplo se pueden definir los márgenes de un documento o párrafo, o definir el espacio entre caracteres. Las hojas de estilo son la innovación más importante al HTML, ya que le dan capacidades que nunca tuvo, por ejemplo:

•     El uso de diversas unidades de medición píxeles, puntos, picas, mm, en los principales elementos del HTML, como son tablas, fuentes, bordes y en general los elementos que tenían atributos como «size» «height» «width».

•     El posicionamiento de bloques de texto en cualquier parte del documento HTML, ya que es posible definir en diversas unidades la posición de un bloque de texto.

•     Mejor control sobre las fuentes que es necesario para otras tecnologías relacionadas como las fuentes dinámicas.