■ 3つの書き方の違い（本質）
| 種類 | 特徴 | 実務 |
|---|---|---|
| インライン | その場だけ | ❌ |
| 内部CSS | ページ単位 | △ |
| 外部CSS | 複数ページ共有 | ◎ |
なぜ外部CSSが重要か
<link rel=“stylesheet” href=“style.css”>
👉 1つのCSSで複数ページを制御できる
👉 「変更＝全ページ反映」
■ CSSの構文（深掘り）
p {
color: red;
}
これは実は👇こういう意味
- 「pという要素を探す」
- 「その見た目を変更する」
■ ブラウザの処理（重要）
ブラウザはこう動きます👇
- HTMLを読み込む
- CSSを読み込む
- 「どの要素に適用するか」探す
- 見た目を描画
👉 これを「レンダリング」と言う
■ カスケード（超重要概念）
CSSの名前の由来👇
👉 Cascading（重なり・優先順位）
p { color: red; }
p { color: blue; }
p { color: blue; }
👉 結果：青（後勝ち）
■ 理解の核心
👉 CSSは「ルールの優先順位ゲーム」