https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units
Absolute
- cm = 37.86 pixel
- mm
- Q - quarter milimeters
- inches
- picas
- pt - points
- px - pixels
Relative
- em
- ex
- ch
- rem
- lh
- rlh
- vw
- vh
- vmin
- vmax
- vb
- vi
- svw,svh
- lvw,lvh
- dvw,wvh
-
Thinking in terms of text size? Ems / Rems
-
Thinking of a child compared to a parent? Percentage
-
Thinking in terms of the screen size? Vh Vw Vmin Vmax
-
Thinking in terms of “this number is what i set and no relative changes affect it’s value”? Px
-
Thinking in terms of print dots? Pt