ボックスモデルとは？
CoddyのHTMLジャーニー「CSSによるスタイリング」セクションの一部。レッスン 33/76。
CSSでは、すべてのHTML要素がボックスモデルに従う長方形のボックスとして扱われます。このモデルは4つの主要な部分で構成されています：
- Content: ボックス内の実際のテキスト、画像、その他のコンテンツ。
- Padding：コンテンツとborderの間のスペース。要素のサイズは大きくなりますが、背景色は内側に保たれます。
- border：padding とコンテンツを囲む線です。さまざまなスタイル、色、幅を設定できます。
- Margin：borderの外側にある、要素を他の要素から分離する空間。
ボックスモデルを理解すると、Webデザインの間隔とレイアウトをうまく制御できます！ 🚀
自分で試してみよう
このレッスンにはコードチャレンジは含まれていません。
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
CSSによるスタイリングのすべてのレッスン
自分で練習してみよう: Webプレイグラウンド