エキスパート：知識問題（Webサイトに関する知識）
body要素のfont-sizeが20pxに設定されたページで、その子要素であるdiv要素にfont-size: 1.5emを指定し、さらにそのdivの子要素であるspan要素にもfont-size: 1.5emを指定した場合、span要素の文字サイズは何pxになるか。
- A30px
- B40px
- ✓45px
- D60px
解説
emは直近の親要素のfont-sizeを基準に相対計算されるため、div要素は20px×1.5=30pxとなり、span要素はその30pxを基準に30px×1.5=45pxとなる。emは入れ子になるほど値が積み重なる点が特徴である。
根拠エキスパート認定基準：レイアウト手法（CSS単位の相対指定に関する理解）