ボックスモデルの考え方
HTML&CSSを図解 (オリジナル見解)
ボックスモデルとはMDN↓の考え方です(書いてること英訳とはいえ難しいですよね★)
この概念からわかりやすく個人的見解でボックスモデルを図にしました
HTMLについて
まずはHTMLについて そもそもMarkupをボックスに入れる(箱「タグ」詰め)と考えます
ボックスモデルの考え方
ボックスモデルはタグが表示される時にそれぞれの特性が適用され、CSSで装飾する時に動きが異なり ブロック・インラインボックスにCSSが効く効かないが起こります(↓表参照)
この辺りを踏まえてコーディングしていかなくてはいけないんです
次回
どのように動くかの参照です↓
これをまた図解の続きを作って更新します
※以前はタグのブロックレベル要素とインライン要素という呼び方でしたがブロックボックスとインラインボックスになりました
この記事が気に入ったらサポートをしてみませんか?