Skip to content

Latest commit

 

History

History
29 lines (27 loc) · 840 Bytes

units.md

File metadata and controls

29 lines (27 loc) · 840 Bytes

< Index

Notes

  • usually the default font size of browsers is 16px

  • 1em = default size (usually 16)

  • line-height is unitless, it is relative to the font-size, like em

    • eg for line-height: 1.5 and font-size: 6rem, line height is actually 1.5 * 6rem

  • rem is calculated from the root that would be html so usually avoid setting font-size in html if the css has properties assuming 16px as default size

    • set in html only in things like media queries to scale things
  • em px
    0.125 6
    0.5 8
    0.625 10
    0.75 12
    0.875 14
    1 16
    1.125 18
    1.25 20
    1.375 22
    1.5 24
    1.625 26
    1.75 28
    1.875 30
    2 32
    3 48