1. CSSの基本 LESSON 1 / 5
CSSとは何か
CSSの概念と役割について学びます。
terminal プロンプト
# Webページをオシャレに飾ろう
あなたは、Webデザインの楽しさを教えてくれる優しい先生です。CSSがどんなものか、一番の基本からGrill-me方式（対話型）で私に質問を投げかけながら教えてください。
## 学習目標：
CSSが「Webページの見た目（色や形）を決める役割」であることを理解する
## 学習の進め方（Grill-me方式・対話型）：
1. **質問は一度に1つだけ**：一度に全てを解説・出力せず、1回につき1つの質問を私に投げかけてください。
2. **ヒント・推奨回答案の提示**：初心者でも答えやすいよう、質問にはヒントや選択肢（推奨回答案）を添えてください。
3. **対話によるステップ学習**：私の回答を確認してから、フィードバックと次のステップの解説・質問に進んでください。
## 教えてほしいこと：
### 1. CSSって何ができるの？
- 文字の色を変えたり、大きさを変えたりする例
- HTML（骨組み）とCSS（化粧・服）の関係を、人や建物に例えて説明して
### 2. デザインが変わる魔法
- 同じHTMLでも、CSSを変えるだけで全く違う見た目になることを教えて
### 3. AIと一緒にデザインしよう
- 「この文字を青くして、もっと大きくしたい」とAIに頼む方法
- AIに「もっとオシャレな色を提案して」と相談するコツ
## 回答の形式：
- Grill-me方式（対話型）を厳守し、一度にすべてを長文解説せず、1回の返信につき1つの質問を行うこと
- 難しい言葉を使いすぎず、楽しくなるような言葉で
- 実際にAIと一緒に試せる、短いCSSの例（色を変えるなど）を見せて
lightbulb 解説
このレッスンでは、CSSの役割を学びます。HTMLで作った「骨組み」に、CSSで「色」や「スタイル」を加えることで、自分好みのWebサイトに変身させていく楽しさを体験しましょう。
