CSSのボックスの概念、ブロック・インラインについて学習します。
CSSでデザインする上で欠かせないの知識を理解することが目的です。
Contents
ボックスモデル
ボックスモデルは、CSSでデザインするために必要な、HTMLタグの考え方です。
HTMLタグのメカニズムと、各プロパティの名前や役割・場所を覚えないと、CSSでデザインすることが難しくなるので、重要な項目になります。
ブロック表示とインライン表示
ブロックで表示されるタグを赤色、インラインで表示されるタグを黄色の背景色で表示しています。
See the Pen 11-1 by Rayout-gw (@Rayout-gw) on CodePen.
CSSはより詳細なデザインを可能にするために、HTMLのタグを各パーツに分けた箱の形で考えている、ということです