学科 CSS基礎⑤【オンライン】

-本日のアジェンダ-

1限目
学科 CSS基礎⑤
練習問題の説明

2限目
学科 CSS基礎⑤
Webページ運用・作成の困った問題

3限目
学科 CSS基礎⑤
練習問題の解説

4限目
学科 CSS基礎⑤
擬似クラスと擬似要素について

5限目
学科 CSS基礎⑤
本日の講義のまとめ

本日のテーマ

レイアウトデザイン練習問題④(Webページ運用・作成の困った問題)

練習問題:Webページ運用・作成の困った問題

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
レイアウトデザイン 練習問題④.zip」 

【動画】

擬似クラス系セレクタ

  • link 擬似クラス(未訪問リンクスタイル)
  • visited 擬似クラス(訪問済リンクスタイル)
  • hover 擬似クラス(オンカーソルスタイル)
  • active 擬似クラス(アクティブスタイル)
  • first-child/last-child 擬似クラス(先頭・最終の子要素指定)
  • nth-child 擬似クラス(n 番目の子要素指定)
  • nth-of-type 擬似クラス(同一のセレクタを持つ n 番目の子要素指定)
  • not 擬似クラス(指定値以外の要素指定)

擬似要素系セレクタ

  • first-letter 擬似要素(要素の 1 文字目を指定)
  • first-line 擬似要素(要素の 1 行目を指定)
  • before/after 擬似要素(要素の直前・直後にコンテンツの挿入)

本日の課題

本日学んだ内容を復習して整理しておきましょう。
ポートフォリオサイトの投稿ページ作成が出来る方は投稿ページにまとめておくと良いです。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です