1. セレクタ と ルールの書き方
CSS は「どこに(セレクタ)」「どうする(宣言)」の組み合わせ。クラスは .class、IDは #id、タグは p など。
セレクタの基本
2. 色・文字・余白(margin / padding)
文字と余白の調整
3. ボックスモデル(width / border / padding / margin)
ボックスの外側と内側
章末ミニプロジェクト:お知らせカード
.cardを 作り、余白・角丸・文字サイズを整える。- タイトル・本文・リンクの3要素を配置。
- 複数カードを縦に並べて一覧にする。