exよりもemの方が広く使われているので、フォントとの関係でサイズを指定したい場合に、特に問題がなければemに統一して使った方が良いと思います。サイズのイメージも持ちやすいです。▲目次へ戻る3.基準となるもの相対値は、使う機会が多いですが、単位によって何を基準にした相対値かが違うので、慣れるまでは注意が必要です。相対値の単位の中で、使用頻度が特に高いのは、emと%です。emと%について、次のようなものが、相対値を決定する際の基準となります。heightプロパティでの%の指定が要注意です。30%」と指定すると、実際は親のボックス幅に対しての30%なので、イメージと全然違う次のような表示となります。フォントサイズは全て16pxです。0.3em」で指定したエリアです。30%」で指定したエリアです。ソースは次の通りです。フォントサイズは全て16pxです。0.3em」で指定したエリアです。30%」で指定したエリアです。</p></div>▲目次へ戻る4.line-heightの指定line-heightプロパティは、行の高さを指定します。line-heightは、emや%など相対値で指定する方が良いです。後でフォントサイズを変更する場合などに、line-heightが相対値で指定されていれば自動的に行の高さが調整されるので、絶対値で指定する場合に比べて作業の手間が軽減されます。フォントサイズ50px、line-height(行の高さ)1.6emで指定した場合、次のような表示になります。1.6emソースは次の通りです。指定した場合も同じ表示結果となります。上の表示で確認できますが、line-heightは、文字の上と下に均等に間隔が付きます。文字の上に15px、下に15pxずつ付いています。基準がフォントサイズの場合、そのフォントサイズとは、html要素のフォントサイズのことです。body要素ばかりに目が行ってしまいますが、body要素とhead要素を囲んでいるhtml要素が基準(ルート)です。どのPCブラウザでもこれがデフォルトです。24px(1.5em)もデフォルトです。相対値で指定すると、フォントサイズは16pxとなります。