CSS단위 em / px / pt / %

CSS에서 사용되는 글자(폰트)크가나 width, height 등 크기를 지정할 경우 사용되는 단위로 em / px / pt / % 가 있습니다. 대부분 px 단위를 기본으로 사용하고, 글자크기는 pt, px 둘 다 사용합니다.
pt, px 가 절대적인 크기를 em, ex, %는 상위 엘리먼트에 대한 상대적인 크기를 나타내기 때문에 웹브라우저에서 글자 크기를 변경시킬수 있기 때문에 접근성이 향상됩니다.
IE에서 글자크기를 보통으로 지정했을경우 최상엘리먼트 1em은 12pt, 16px와 같습니다.

http://riddle.pl/emcalc

Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17px 1.05em 105% 13.5pt 18px 1.125em 112.5% 14pt 19px 1.2em 120% 14.5pt 20px 1.25em 125% 15pt 21px 1.3em 130% 16pt 22px 1.4em 140% 17pt 23px 1.45em 145% 18pt 24px 1.5em 150% 20pt 26px 1.6em 160% 22pt 29px 1.8em 180% 24pt 32px 2em 200% 26pt 35px 2.2em 220% 27pt 36px 2.25em 225% 28pt 37px 2.3em 230% 29pt 38px 2.35em 235% 30pt 40px 2.45em 245% 32pt 42px 2.55em 255% 34pt 45px 2.75em 275% 36pt 48px 3em 300%