Full understanding of web element units

relative length units

Description: Relative length unit. font size relative to the text in the current object.

If the font size of the text in the current line is not artificially set, it will be relative to the browser's default font size.

Example:

div { font-size : 1.2em; }

Description: Relative length unit. The height relative to the character x. This height is usually half the size of the font.

If the font size of the text in the line is not artificially set, it will be relative to the browser's default font size.

Example:

div { font-size : 1.2ex; }

Description: Relative length unit. pixels.

Pixels are relative to the display screen resolution. For example, the resolution used by wondows users is generally 96 pixels per inch. The resolution used by Mac users is generally 72 pixels per inch.

Example:

div { font-size : 12px; }

absolute length units

illustrate:

Absolute length unit. Point.

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

Example:

div { font-size : 9pt; }

illustrate:

Absolute length unit. pica. It is equivalent to the size of my country's new No. 4 lead type.

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

Example:

div { font-size : 0.75pc; }

illustrate:

Absolute length unit. inches (inch).

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

Example:

div { font-size : 0.13in; }

illustrate:

Absolute length unit. centimeter.

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

Example:

div { font-size : 0.33cm; }

illustrate:

Absolute length unit. millimeter (millimeter).

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

Example:

div { font-size : 3.3mm; }

color units reference #rrggbb

parameter:

rr: