-本日のアジェンダ-
1限目
学科 CSS基礎⑤
練習問題の説明
2限目
学科 CSS基礎⑤
Webページ運用・作成の困った問題
3限目
学科 CSS基礎⑤
練習問題の解説
4限目
学科 CSS基礎⑤
擬似クラスと擬似要素について
5限目
学科 CSS基礎⑤
本日の講義のまとめ
本日のテーマ
レイアウトデザイン練習問題④（Webページ運用・作成の困った問題）
練習問題：Webページ運用・作成の困った問題
【資料】
カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/
下記のファイルをダウンロードしましょう。
「レイアウトデザイン 練習問題④.zip」
【動画】
- Webページ運用・作成の困った問題
https://youtu.be/7F5Z-v2rbTA（11分44秒）
擬似クラス系セレクタ
- link 擬似クラス（未訪問リンクスタイル）
- visited 擬似クラス（訪問済リンクスタイル）
- hover 擬似クラス（オンカーソルスタイル）
- active 擬似クラス（アクティブスタイル）
- first-child/last-child 擬似クラス（先頭・最終の子要素指定）
- nth-child 擬似クラス（n 番目の子要素指定）
- nth-of-type 擬似クラス（同一のセレクタを持つ n 番目の子要素指定）
- not 擬似クラス（指定値以外の要素指定）
擬似要素系セレクタ
- first-letter 擬似要素（要素の 1 文字目を指定）
- first-line 擬似要素（要素の 1 行目を指定）
- before/after 擬似要素（要素の直前・直後にコンテンツの挿入）
本日の課題
本日学んだ内容を復習して整理しておきましょう。
ポートフォリオサイトの投稿ページ作成が出来る方は投稿ページにまとめておくと良いです。