皆さん、Webページのデザインを考えるとき、どのような「単位」でサイズを指定していますか？
CSSには、色々な単位が存在します。今回はその中でも主要なものを簡単にご紹介します！

1. px（ピクセル）

👉 ポイント: pxは最も一般的で直感的な単位！

2. em

👉 ポイント: 親要素のフォントサイズが変われば、emで指定したサイズも変わります！

👉 ポイント: 基準となるフォントサイズ一つで、全体のサイズを一元的に管理できます！

👉 ポイント: レスポンシブデザインを考える時に大活躍！

👉 ポイント: 画面サイズにフィットしたデザインを実現できます！

単位	定義	一般的な用途
px	画面上の一つ一つの点を示す単位。	サイズや位置を固定で指定したい時。最も一般的な単位。
em	親要素のフォントサイズを基準にした相対単位。	親要素のフォントサイズに応じて、サイズや位置を調整したい場合。子要素が親のサイズに動的に合わせたい時。
rem	ルート要素のフォントサイズを基準にした相対単位。	全体のデザインの基準となるフォントサイズに一貫して合わせたい時。
%	親要素のサイズを基準にした相対単位。	親要素に対して、子要素のサイズや位置を指定したい場合。特にレスポンシブデザインで用いる。
vh	画面の高さの1%を示す単位。	画面の高さに合わせて要素のサイズや位置を調整したい時。
vw	画面の幅の1%を示す単位。	画面の幅に合わせて要素のサイズや位置を調整したい時。