【CSS】ホームページの単位!「px」と「em」の違いとは?【学習メモ】
・px (ピクセル)
画面上にある「点」を使用した単位 (1px=1ドット)
絶対単位 (環境によって変化しない。)
・em (エム)
文字の高さを基準とした単位。
ex) font-sizeが「10px」の場合、(1em=10px)
※font-sizeを「指定していない」または「100%に指定」している場合、デフォルト値は(1em=16px)
相対単位 (環境によって変化する。)
※おまけ
・rem(ルートエム)
「親要素」ではなく「子要素」に指定することで使用できる単位です。
・「親要素」と「子要素」についてはコチラ!(※準備中)
デフォルト値は(1rem=16px)
計算式
htmlのフォントサイズ × bodyのフォントサイズ × 対象のフォントサイズ
= 表示pxサイズ
あまり使用することはないので、「こんなのもあるよ!」程度に思ってもらえれば大丈夫です…!
それでは今回はこの辺で!
ここまで読んでくださり、ありがとうございました!
おさかなでした!
@osakana1699もフォローしてね!
おすすめ記事
「この記事おもしろい!」「おさかなは海に帰れ!」 「泳げないおさかな…なんて…!」と、思ったそこのあなた!!!! ぜひ!サポートよろしくお願いします🙇 様々なジャンルの本を読むために活用させていただきます✨ 「え、読書する新種のおさかなだ!」と思ったあなたも!今すぐタッチ!