・px (ピクセル)

画面上にある「点」を使用した単位 (1px=1ドット)

絶対単位　(環境によって変化しない。)

・em (エム)

文字の高さを基準とした単位。
ex) font-sizeが「10px」の場合、(1em=10px)
※font-sizeを「指定していない」または「100％に指定」している場合、デフォルト値は(1em=16px)

相対単位　(環境によって変化する。)

※おまけ

・rem(ルートエム)

「親要素」ではなく「子要素」に指定することで使用できる単位です。

・「親要素」と「子要素」についてはコチラ！(※準備中)

デフォルト値は(1rem=16px)

計算式
htmlのフォントサイズ × bodyのフォントサイズ × 対象のフォントサイズ 
＝ 表示pxサイズ

あまり使用することはないので、「こんなのもあるよ！」程度に思ってもらえれば大丈夫です…！

それでは今回はこの辺で！

ここまで読んでくださり、ありがとうございました！

おさかなでした！

@osakana1699もフォローしてね！

おすすめ記事