CSS divide las unidades de medida en dos grupos:
Absolutas
Relativas
Las unidades absolutas, son aquellas donde su valor no
depende de otro, es deir, su valor es directamente el valor que se ha de
utilizar, pero tienen la gran desventaja que son muy poco flexibles y no se
adaptan fácilmente a los diferentes medios, tales medidas son:
in, pulgadas (equivale a 2.54 centímetros).
cm, centímetros.
mm, milímetros.
pt, puntos ( 0.35 milímetros)
pc, picas ( 4.23 milímetros)
Las medidas relativas definen su valor en relación con otra
medida. Son las más utilizadas en el diseño web, éstas son
em, (no confundir con la etiqueta <em> de HTML)
relativa respecto del tamaño de letra del elemento.
ex, relativa respecto de la altura de la letra x
("equis minúscula") del tipo y tamaño de letra del elemento.
px, (píxel) relativa respecto de la resolución de la
pantalla del dispositivo en el que se visualiza la página HTML
Em Relativo al font-size del elemento (2em significa 2 veces el tamaño de la fuente actual)
Ex Relativo a la altura x de la fuente actual (rara vez utilizada)
Em Relativo al font-size del elemento (2em significa 2 veces el tamaño de la fuente actual)
Ex Relativo a la altura x de la fuente actual (rara vez utilizada)