🎨
CSS コース
HTMLで作った骨組みに色・フォント・レイアウトなどのデザインを加える言語CSSを学べます。
📚 6レッスン ⏱ 約3時間 🆓 完全無料
- 1 CSSとは?色と文字を変えてみよう CSSって何?色と背景でページをデザインしよう ⏱ 約30分
- 2 文字のスタイル 文字の色・サイズ・フォントを自由に変えよう ⏱ 約30分
- 3 背景と枠線 背景・枠線・余白でカードデザインを作ろう ⏱ 約30分
- 4 ボックスモデルを理解しよう ボックスモデルを理解してレイアウトを整えよう ⏱ 約30分
- 5 Flexboxでレイアウト Flexboxで要素を横並び・中央揃えにしよう ⏱ 約30分
- 6 レスポンシブデザイン入門 スマホでも見やすいレスポンシブページを作ろう ⏱ 約30分
- ★ 🎨 デザインをリニューアルしよう 学んだCSSでHTMLページをおしゃれにデザインしよう ⏱ 自分のペースで
🎯 このコースで身につくこと
- 色・背景・フォントなど基本的なスタイルをCSSで指定できる
- ボックスモデル(margin・padding・border)の仕組みを理解できる
- Flexboxを使ったカードレイアウトが作れる
- スマホ対応のレスポンシブデザインが実装できる
📋 受講前の準備
- HTMLコースを修了していること(またはHTMLの基礎知識があること)
- テキストエディタ(VS Code推奨)のインストール
- ブラウザ(Chrome推奨)の開発者ツールの使い方はLesson1で解説します
❓ よくある質問
HTMLコースを終えていないと受講できない?
CSSはHTMLと組み合わせて使うため、HTMLの基礎(タグの書き方・属性・ページ構造)を知っている方を対象にしています。HTMLコースから始めることをおすすめします。
CSSを覚えたらどんなサイトが作れる?
このコースを修了すると、文化祭のクラスページ・ポートフォリオサイト・自己紹介ページなどをスマホ対応で作れるようになります。JavaScriptコースと組み合わせると、さらに動きのあるサイトに発展させられます。
CSSフレームワーク(Tailwind・Bootstrap)とどう違う?
TailwindやBootstrapはCSSを便利に使うためのツールです。このコースではCSSの仕組みそのものを学ぶので、フレームワークを使うときにも「なぜそう書くのか」が理解できるようになります。
0/6 レッスン完了