グループ化モジュールの特徴と組み込み

グループ化モジュールは、CSS を効率的に提供したり、ソースコードを整理したりする目的で、複数のモジュールをまとめるために作る

レイアウトが複雑なページでよく利用する

グループ化モジュールがあれば CSS を適用しやすくなる

グループ化モジュールは、コンテナ内のコンテンツをグループ化するために使用する

CSS を効率的に適用するために使用する

サンプルデザインのメインコンテナは、上部とそれ以降で大きく幅が変わっている

グループ化モジュールがあれば、それぞれの要素、見出し、画像、テキストなどを個別に設定することはない

グループ化モジュールにマージンやパディングを設定することで、隣接する別のグループ化モジュールとの間にスペースを作ることができる

グループ化モジュールに背景を設定する時にはパディングを、しないときにはマージンを設定する

サンプルのメインコンテナには 3つのグループ化モジュールがある

ポストヘッダー

ポストコンテンツ

ポストフッター