# Hoja de estilo: qué es y cómo funciona · Zorraquino
> Una hoja de estilo es un conjunto de reglas que define la presentación visual de un documento por separado de su contenido.
URL: https://www.zorraquino.com/diccionario/internet/hoja-de-estilo.html

# Hoja de estilo

Una hoja de estilo es un conjunto de reglas que define la presentación visual de un documento, como tipografía, colores, espaciado o maquetación, de forma separada de su contenido

Qué significa, cómo se usa y en qué contexto aparece, con sus conceptos relacionados.

[Todo el diccionario](https://www.zorraquino.com/diccionario)

## Qué es y cómo funciona

En la web, las hojas de estilo se escriben en CSS y suelen guardarse en archivos con extensión .css que comparten todas las páginas de un sitio. Esa separación permite mantener una apariencia coherente, cambiar el diseño sin tocar el contenido y adaptar la presentación a distintos dispositivos o a la impresión.

El término es anterior a la web: en edición y en programas de maquetación, una hoja de estilo agrupa los estilos de párrafo y de carácter de una publicación. No debe confundirse con una guía de estilo editorial, que fija criterios de redacción, aunque a veces también se llame así.

También se dice

style sheet

Temas

[Tecnología y datos](https://www.zorraquino.com/diccionario/categoria/tecnologia-y-datos)

## Conceptos relacionados

- [CSS](https://www.zorraquino.com/diccionario/internet/cascading-style-sheets.html)
- [HTML](https://www.zorraquino.com/diccionario/internet/lenguaje-html.html)
- [Design tokens](https://www.zorraquino.com/diccionario/design-tokens)