Medidas absolutas y relativas

La medidas relativas se adaptan

p.em{

font-size:2em; Esto es el doble de lo que traiga el padre, por ejemplo un font-size de 16px este será de 32 puede ser la mitad 0.5em, lo que le venga por herencia. dos veces la anchura de la M

font-size:2rem; Esto hereda de lo que tenga body exclusivamente, le valen las herencias es en base al root, donde empieza que por lo general es el body

font-size:0.5ex, de acuerdo a la altura de la x y hereda. Aquí sería la mitad de la altura de la x minúscula

margin:5px; distancia contra lo que lo rodea

}

Medidas absolutas (Se asegura el navegador que en función de la resolución donde se visualiza ocupe la medida absoluta)

font-size: 2.54cm; centimétros

1in; pulgadas

2.5pi; picas

2pt; puntos un punto es 0.35 mm

3mm; milímetros

width:50%; Esta es la mitad del padre, si el padre es el body pues será esa la medida

Parrafo normal

Parrafo EM toma el doble de la medida que hereda, en este caso del body. Es un número de veces el ancho de la M (mayúscula)

Parrafo EX

Parrafo PX (en px, pixeles)

REM (Hereda lo que le llega del root, del body, no le importan las herencias)

A continuación DIV con medidas absolutas