Units in CSS

There are a lot of length units when writing CSS styles. Often not commonly used to understand the next.

Divided into two categories: absolute units, relative units.

Absolute units: Do not change depending on the size of other elements.

PX: Pixel, a point on the computer screen.

Pt:point

Pc:pica

In: inch 1in = 96px = 72pt = 6pc = 2.54cm

CM, MM, q not commonly used

Relative units: Varies according to the dimensions of an element.

REM: the size of the font relative to the HTML tag

EM: The size of the font relative to the parent element

%: Relative to the width of the parent element or the size of the font

VW:1VW = = width of 1% viewport (browser viewable area)

VH:1VH = = 1% height of viewport (viewable area of the browser)

vmin/vmax:1% smaller/larger dimensions in viewport width and height.

A simple summary.

Units in CSS