¿Cuáles son los tres tipos de unidades CSS?

Generalmente hay dos tipos generales de unidades CSS (longitud).

Los siguientes se denominan unidades de longitud relativa :

em

Relativo al tamaño de fuente del elemento (2em significa 2 veces el tamaño de la fuente actual)

ex

En relación con la altura x de la fuente actual, la altura de una x minúscula (rara vez se usa)

ch

Relativo al ancho del número “0” (cero)

movimiento rápido del ojo

Relativo al tamaño de fuente del elemento raíz

vw

Relativo al 1% del ancho de la ventana gráfica

vh

Relativo al 1% de la altura de la ventana gráfica

vmin

Relativo al 1% de la dimensión más pequeña de la ventana gráfica *

vmax

Relativo al 1% de la dimensión más grande de la vista *

%

Da una medida como un porcentaje relativo a otro valor, principalmente un elemento de cierre

Los siguientes se denominan unidades de longitud CSS absoluta:

cm

Medida en centímetros.

mm

Milímetros

en

pulgadas (1 in = 2.54 cm)

px

Medida en píxeles de pantalla. Los píxeles son unidades absolutas, siempre serán del mismo tamaño, independientemente de otras configuraciones relacionadas.

pt

puntos (1 pt = 1/72 de 1 pulg.)

ordenador personal

picas (1 pc = 12 pt)

Entre las unidades CSS mencionadas anteriormente, las LONGITUDES FONT-RELATIVAS incluyen

ex , ch , em y rem . Las LONGITUDES DE PORCENTAJE DE VIEWPORT incluyen vh , vw , vmin y vmax (ems y rems son las más compatibles de estas unidades).

Para obtener más información y detalles, consulte los siguientes enlaces relevantes:

Unidades CSS

Valores CSS y unidades

Unidades de medida CSS

La guía rápida de unidades de longitud CSS – Slicejack

Las unidades pueden ser absolutas en px , relativas al padre en % o relativas al tamaño de fuente en em .