Frontend Logs: html/css 重要ポイントメモ

# 学習メモ

margin と padding の違い

いちばんの違いは位置
margin は外側の余白で、負の値も取れる。別名「填充」
padding は内側の余白。別名「空白辺」

box model とは

ボックスモデル（box model）とは、border（枠線）、margin（外側の余白）、padding（内側の余白）、そして要素のコンテンツをどう扱うかを含んだ処理方式のこと。

なぜ文字サイズは px ではなく em で指定するのか

Internet Explorer で文字サイズを調整できるようにするため
em はすべてのブラウザで文字サイズを変更できるが、px は一部のブラウザではできない
px は余白を調整するための単位

h1 {margin : 10px 0px 15px 5px;} の margin-top、margin-right、margin-left、margin-bottom はそれぞれいくつ？

時計回りの順に並ぶ

• top 10px

• right 0px

• bottom 15px

• left 5px

# extra

• 左マージンの値がない場合は、右マージンの値が使われる。

• 下マージンの値がない場合は、上マージンの値が使われる。

• 右マージンの値がない場合は、上マージンの値が使われる。