CSS Measurement

The units of measure we have in CSS are:

  • px: pixels; an absolute unit. Basically, one little dot of light on your screen.
  • rem: a number multiplied by the root element's font size. The root element is your body tag, so relative to that. If your body's font size is 16px, 1.5rem would be the same as 24px (16px * 1.5rem).
  • %: With fonts, this is a percentage of the current font-size (not the root element's font size!)

Read More

Edit this page