CSS3入門 + 擬似要素
第04回 • 40枚
ナレーション
第04回 スライド1: CSS3入門 + 擬似要素
前回の復習
- HTML5の基本的な書き方
- 文書構造（DOCTYPE、html、head、body）
- セマンティックなマークアップ（header、nav、main、article、section、footer）
今回のテーマ
CSS3の基礎と擬似要素による装飾テクニック
mindmap
root((CSS3入門))
HTML復習
文書構造
セマンティック
CSS基礎
基本構文
セレクタ
色・背景・フォント
transition・transform
擬似要素
::before / ::after
contentプロパティ
::first-line
::first-letter
装飾テクニック
CSSとは
- Cascading Style Sheets
- Webページの見た目を定義する言語
- HTMLが「何を」、CSSが「どのように」
今回の学習内容（前半）
- CSSの基本構文と記述方法
- セレクタの種類と使い分け
- 色・背景・フォントの設定
- transition・transformの活用
今回の学習内容（後半）
- 擬似要素（::before / ::after）
- contentプロパティの活用
- ::first-line と ::first-letter
- 擬似要素を使った装飾テクニック
1/40