文字サイズ

キーワード	％	em	px
xx-large	172.8%	1.728em	27.6px
x-large	144.0%	1.440em	23.0px
large	120.0%	1.200em	19.2px
medium	100.0%	1.000em	16.0px
small	80.0%	0.800em	12.8px
x-small	64.0%	0.640em	10.2px
xx-small	51.2%	0.512em	8.2px

0.875em＝14px

line-height

↓この画像はhttp://d.hatena.ne.jp/web-design-master/20120319の画像を使用しています。

line-heightを設定して、背景色を文字の上下に見せるために使われます。
※日本語の場合、デバイスフォントが英語であることにより、違和感があります。
　「0.5em＋ディセンダの空き」により下が空きすぎに見えます。
※「display:block」を指定し、上下の padding を別々に設定したほうが自然に見えます。