Referencia de unidades CSS
Explora cada unidad CSS — absolutas (px, cm, pt), relativas a la fuente (em, rem, ch), de viewport (vw, dvh), de consulta de contenedor, de cuadrícula (fr), de ángulo, de tiempo y de resolución — en una referencia buscable y filtrable por tipo, con una descripción, una nota de "cuándo usarla" y tokens listos para copiar. En tu navegador, gratis.
Cada unidad CSS, explicada. Todo funciona en tu navegador a partir de una referencia integrada — nada se envía al servidor.
Acerca de Referencia de unidades CSS
La Referencia de unidades CSS documenta cada unidad que ofrece el lenguaje —45 en total— organizadas por tipo: unidades absolutas como px, cm y pt; unidades relativas a la fuente como em, rem, ch y lh; unidades de viewport desde vw y vh hasta las más recientes svh, lvh y dvh; unidades de consulta de contenedor como cqw y cqi; la unidad de cuadrícula fr; además de ángulo, tiempo, resolución y porcentaje.
Cada tarjeta da más que una definición: el token de la unidad en monospace copiable, su nombre completo, su categoría, una descripción en lenguaje llano de cómo se calcula, y una nota práctica de “cuándo usarla” que indica dónde se gana su lugar la unidad, y dónde otra funciona mejor.
La búsqueda coincide con tokens, nombres y significados, así que rem, ancho de viewport y raíz encuentran todos sus unidades, y las etiquetas de tipo filtran la cuadrícula a una sola familia. Todo se ejecuta en tu navegador desde una referencia integrada, sin nada enviado a un servidor.
Cómo usar Referencia de unidades CSS
- Busca una unidad por token, nombre o significado; por ejemplo rem, ancho de viewport o ángulo.
- Usa las etiquetas de tipo para filtrar la cuadrícula a unidades absolutas, relativas a la fuente, de viewport, de contenedor, de cuadrícula, de ángulo, de tiempo, de resolución o de porcentaje.
- Lee la descripción de cada unidad y su nota de “cuándo usarla” para elegir la correcta.
- Haz clic en el botón de copia para obtener el token de la unidad para tu hoja de estilos.