Skip to content

マージンについて学ぼう ​

知識課題 ​

知識課題1 ​

以下のCSSプロパティについて調査し、それぞれの役割を説明してください。

  • margin
  • margin-top
  • margin-right
  • margin-bottom
  • margin-left

知識課題2 ​

マージンの相殺(Margin Collapse)について説明してください。

実践課題 ​

以下の要件を満たすHTMLとCSSファイルを作成してください。

  • 要件
    • 上記で学習した全てのマージンプロパティを使用すること
    • 最低3つの要素に対してマージンを適用すること
    • マージンの相殺が発生する例を1つ以上含むこと