このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
-
#01 CSSの入れ子を使ってみよう (01:04) 無料公開中- CSSの入れ子とは
- メリット
-
#02 作業用フォルダを設定しよう (01:58) 無料公開中- 作業用フォルダの作成
- 作業用フォルダの設定
- index.htmlの準備
-
#03 入れ子を使わずに書いていこう (02:10)- style.cssの準備
- 文字コードの設定
- 入れ子を使わないCSSの書き方
-
#04 さらにCSSを追加しよう (01:59)- 入れ子を使わないCSSの書き方
- 子結合子(>)
- 子孫結合子(半角空白)
-
#05 CSSを入れ子にしてみよう (01:56)- 入れ子の書き方
- &の省略
-
#06 セレクターに&を使ってみよう (01:44)- 擬似クラスの例
- &:hover
-
#07 メディアクエリーを書いてみよう (01:37)- メディアクエリーの設定
- 動作確認
-
#08 メディアクエリーを組み入れよう (01:57)- 入れ子とメディアクエリーの組み合わせ
- 全体のまとめ
- 古いブラウザでの注意点
プチ問題集にチャレンジ
動画によるインプットだけでは、知識はなかなか定着しません。学習のためのアウトプットを後押しする『256times』で、簡単な課題を解いて手を動かし、知識を定着させましょう（プレミアムプラン、法人向けライセンスをご利用の方は無料でご利用いただけます）。
CSS入門 入れ子編 問題集（全3問）
