【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もフォローしてね!


おすすめ記事


この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

「この記事おもしろい!」「おさかなは海に帰れ!」 「泳げないおさかな…なんて…!」と、思ったそこのあなた!!!! ぜひ!サポートよろしくお願いします🙇 様々なジャンルの本を読むために活用させていただきます✨ 「え、読書する新種のおさかなだ!」と思ったあなたも!今すぐタッチ!

( ゚ー゚)!
2

おさかな

学習メモ

「プログラミング」で学んだことのメモ書きになります。「コード」をたくさん載せていくので、ぜひ参考にしてみてください!
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。