Comprensión completa de las unidades de elementos web

Unidades de longitud relativa

Descripción: Unidad de longitud relativa. Tamaño de fuente en relación con el texto en el objeto actual.

Si el tamaño de fuente del texto en la línea actual no se establece artificialmente, será relativo al tamaño predeterminado del navegador.

Ejemplo:

div {font-size: 1.2em; }

Descripción: Unidad de longitud relativa. La altura relativa al carácter x. Esta altura suele ser la mitad del tamaño de la fuente.

Si el tamaño de fuente del texto en la línea no se establece artificialmente, será relativo al tamaño predeterminado del navegador.

Ejemplo:

div {font-size: 1.2ex; }

Descripción: Unidad de longitud relativa. píxeles.

Los píxeles son relativos a la resolución de la pantalla. Por ejemplo, la resolución utilizada por los usuarios de Wondows generalmente es de 96 píxeles por pulgada. La resolución utilizada por los usuarios de Mac es generalmente 72 píxeles por pulgada.

Ejemplo:

div {font-size: 12px; }

Unidades de longitud absoluta

ilustrar:

Unidad de longitud absoluta. Punto.

1in = 2.54cm = 25.4 mm = 72pt = 6pc

Ejemplo:

div {font-size: 9pt; }

ilustrar:

Unidad de longitud absoluta. pica. Es equivalente al tamaño del nuevo tipo de plomo No. 4 de mi país.

1in = 2.54cm = 25.4 mm = 72pt = 6pc

Ejemplo:

div {font-size: 0.75pc; }

ilustrar:

Unidad de longitud absoluta. pulgadas (pulgada).

1in = 2.54cm = 25.4 mm = 72pt = 6pc

Ejemplo:

div {font-size: 0.13in; }

ilustrar:

Unidad de longitud absoluta. centímetro.

1in = 2.54cm = 25.4 mm = 72pt = 6pc

Ejemplo:

div {font-size: 0.33cm; }

ilustrar:

Unidad de longitud absoluta. milímetro (milímetro).

1in = 2.54cm = 25.4 mm = 72pt = 6pc

Ejemplo:

div {font-size: 3.3mm; }

Referencia de unidades de color #rrggbb

parámetro:

RR: