Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML).

Por sus siglas en ingles las Hojas de Estilo también son conocidas como Cascading Style Sheets (CSS), las cuales fueron creadas por el World Wide Web Consortium (W3C) con la finalidad de separar el contenido web de la parte de presentación del mismo. En otras palabras, el HTML es la caja que muestra el contenido y el código CSS es el como se va a mostrar.

El lenguaje CSS es el encargado de la estética de la pagina web, por lo que el documento HTML se hace mas ligero y mucho mas versátil ya que este se ajusta a la declaración del estilo implementado, y por esta razón es que la actualización de contenidos ha revolucionado con tanta rapidez.

Algunas de las ventajas de implementar esta tecnología son:

- Actualizaciones rápidas de presentación.
- Reutilización del código.
- Los Navegadores permiten a los usuarios especificar su propia hoja de estilo local que será aplicada a un sitio web remoto, con lo que aumenta considerablemente la accesibilidad. Por ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para aumentar el tamaño del texto o remarcar más los enlaces.
- El peso de los documentos HTML disminuye considerablemente.
- Varios estilos pueden ser aplicados a un solo documento HTML.

Una de las principales desventajas que presentan con el uso de las Hojas de Estilo es que a veces los navegadores no son totalmente compatibles con lo implementado, por lo que no muestran la información como se diseño.

Las hojas de estilo separan en un documento HTML el estilo lógico del estilo físico, dejando este último en bloques de definición de estilos separados de la estructura del documento.

Estilos

El estilo lógico se refiere a la lógica del documento: cabeceras, párrafos, ... no se preocupa de la apariencia final, sino de la estructura del documento. Por el contrario, el estilo físico no se preocupa de la estructura del documento, sino por la apariencia final: párrafos con un cierto tipo de letra, tablas con un determinado color de fondo, ...

La finalidad de las hojas de estilo es crear unos estilos físicos, separados de las etiquetas HTML (en lugar de como parámetros de las etiquetas), y aplicarlos en los bloques de texto en los que se quieran aplicar. Estos estilos podrán ser modificados en algunas ocasiones desde JavaScript, y esto empieza a darnos un poco más de interactividad.

Capas

Por otra parte, tenemos las capas, que vienen a darnos la solución al problema de poner elementos justo en la posición que queramos, evitándonos tener que hacer artificios para obtener el resultado buscado. Una capa será una parte más del documento que puede ser situada en cualquier posición del mismo, consiguiendo que se solape sobre algunos elementos si es lo que necesitamos, adecuando sus márgenes y otras propiedades.