Unidad absoluta. Se usa para medidas precisas que no deben cambiar. Ideal para bordes, sombras y elementos pequeños.
Unidad relativa al elemento padre. Útil para diseños responsivos y anchos que deben adaptarse al contenedor.
Unidad relativa al tamaño de fuente del elemento padre. Buena para márgenes y paddings relacionados con el texto.
Unidad relativa al tamaño de fuente del elemento raíz (html). Útil para mantener proporciones consistentes en toda la página.
Unidad relativa al ancho de la ventana. 1vw = 1% del ancho del viewport. Útil para elementos que deben escalarse con el tamaño de la ventana.
Unidad relativa a la altura de la ventana. 1vh = 1% de la altura del viewport. Útil para alturas de secciones basadas en la pantalla.
Unidad absoluta física. Principalmente útil para medios de impresión y cuando se necesitan medidas físicas reales.
Unidad absoluta física. Similar a cm pero más pequeña, útil para ajustes finos en medios de impresión.
Unidad absoluta física. Una pulgada equivale a 2.54cm, utilizada principalmente para medios de impresión.
Unidad absoluta. Un punto es aproximadamente 1/72 de pulgada, tradicionalmente usado para tamaños de fuente en impresión.
Unidad absoluta. Una pica equivale a 12 puntos, utilizada en tipografía e impresión.
Unidad relativa al ancho del carácter "0" de la fuente. Útil para establecer anchos de texto y controlar líneas de texto.
Unidad relativa a la altura de la letra "x" minúscula. Útil para medidas que deben ser proporcionales a la altura del texto.