line-heightの単位あり/なし
昔、何かで読んで、詳細は忘れましたが、
何となく、単位はつけないでおいたほうがよさそう、
というくらいの認識だったので、
ちょっと調べてみようかと。
こちらによくまとめられた記事がありました:
備忘録として、書いておきましょう。
1)単位ありで指定した場合:
子要素に継承される値は、計算値(Computed value)。
font-size: 16px; line-height: 1em;
なら、子要素のline-heightは16px(計算値)。
2)単位なしで指定した場合:
子要素に継承される値は、指定値(Specified value)。
font-size: 16px; line-height: 1;
なら、子要素のline-heightは1(指定値)が継承され、
子要素のフォントサイズ×1となる。