SKIP TO CONTENT
BEGINNER
1 hour4 chapters

Formatting with CSS

Add style and color to your web pages with easy-to-understand CSS techniques.

Vibe Coding Academy Avatar
Progress: 0%In progress

What You'll Learn

CSS とは何かを、日常のやさしい言葉で理解する
色の付け方と、読みやすく心地よいフォントの選び方
余白を使って、文字のまわりにゆとりを生む方法
すべてを組み合わせて、すっきりと親しみやすいページを作る方法

Description

ウェブページを、建てたばかりの何もない部屋だと思ってみてください。壁はできていて家具も置いてありますが、すべてが殺風景なままです。CSS とは、その部屋を飾りつける方法のこと。ペンキの色を選び、文字の大きさを決め、物と物のあいだにどれだけ間隔をとるかを決めるのです。このやさしいチュートリアルでは、まさにそれを、心地よい一歩ずつ学んでいきます。

急ぐ必要はまったくなく、暗記するものも何もありません。日常の身近なたとえを使い、ひと目で読める小さな例をお見せして、一行一行をやさしい言葉で説明します。Vibe Coding Academy のガイドが、ずっとあなたのそばを歩きます。

何よりうれしいのは、ここで何をしても、何ひとつ壊れないこと。色や変更が気に入らなければ、それを消すだけで、すぐ元どおりです。失敗はいつでも簡単に取り消せますから、安心して試して、楽しんでください。

What's Inside

About 1 hour, at your own pace
  • 1.CSS と知り合う — CSS とは何か、ちょっとしたスタイルの付け方。
  • 2.色とフォントを加える — 色を選び、大きくて読みやすい文字に。
  • 3.余白とレイアウト — 言葉に呼吸するゆとりを与える。
  • 4.すべてをまとめる — すっきりと親しみやすいページをひとつ作る。
Vibe Coding Academy Avatar
"Take it slowly and enjoy yourself. I'll be right here to explain everything."