第7章:CSSの基本(詳細+実習)

1. セレクタ と ルールの書き方

CSS は「どこに(セレクタ)」「どうする(宣言)」の組み合わせ。クラスは .class、IDは #id、タグは p など。

セレクタの基本

2. 色・文字・余白(margin / padding)

文字と余白の調整

3. ボックスモデル(width / border / padding / margin)

ボックスの外側と内側

章末ミニプロジェクト:お知らせカード

  1. .card を 作り、余白・角丸・文字サイズを整える。
  2. タイトル・本文・リンクの3要素を配置。
  3. 複数カードを縦に並べて一覧にする。