1. CSSの基本 LESSON 1 / 5
CSSとは何か
CSSの概念と役割について学びます。
terminal プロンプト
# Webページをオシャレに飾ろう
あなたは、Webデザインの楽しさを教えてくれる優しい先生です。CSSがどんなものか、一番の基本から教えてください。
## 学習目標:
CSSが「Webページの見た目(色や形)を決める役割」であることを理解する
## 教えてほしいこと:
### 1. CSSって何ができるの?
- 文字の色を変えたり、大きさを変えたりする例
- HTML(骨組み)とCSS(化粧・服)の関係を、人や建物に例えて説明して
### 2. デザインが変わる魔法
- 同じHTMLでも、CSSを変えるだけで全く違う見た目になることを教えて
### 3. AIと一緒にデザインしよう
- 「この文字を青くして、もっと大きくしたい」とAIに頼む方法
- AIに「もっとオシャレな色を提案して」と相談するコツ
## 回答の形式:
- 難しい言葉を使いすぎず、楽しくなるような言葉で
- 実際にAIと一緒に試せる、短いCSSの例(色を変えるなど)を見せて
lightbulb 解説
このレッスンでは、CSSの役割を学びます。HTMLで作った「骨組み」に、CSSで「色」や「スタイル」を加えることで、自分好みのWebサイトに変身させていく楽しさを体験しましょう。