レイアウトの基本 ボックスモデルの概念とボックスを構成要素
- Category ：
- CSS ビギナー向け
CSSでWebサイトをデザインするうえで、最初に理解しておかないといけないのが、「ボックスモデル」と呼ばれているデザイン概念です。
一度理解してしまえば、凄く簡単な事だと思うですけど、言葉だけでは理解しにくいと思うので、図にしてまとめてみました。
…ここからが続き
ボックスモデルについての解説
↑上記図で説明している通りボックスは「コンテンツ領域」「余白」「枠線」「外側の余白」の4つで構成されています。
なので、実際にCSSで指定する際に、widthでボックス全体の幅を指定しないように気をつけましょう。
