-本日のアジェンダ-
1限目
学科 CSS基礎④
ボックス装飾プロパティについて
2限目
学科 CSS基礎④
テキスト装飾プロパティについて
3限目
学科 CSS基礎④
フォント装飾プロパティについて
4限目
学科 CSS基礎④
CSSのまとめ
5限目
学科 CSS基礎④
過去の訓練の復習
本日のテーマ
飾りつけをできるようになりましょう
ボックス装飾プロパティについて
border-radiusプロパティ
ボーダーの丸み（ボックスの4つのコーナーの丸み）を指定します。
参考サイト
- border-radius – CSS3 – HTMLクイックリファレンス
- CSSのborder-radiusを極める！円・角丸自在に実装
- 今さら聞けない!? CSSのborder-radiusで様々な角丸に挑戦！
box-shadowプロパティ
ボックスに対して1つまたは複数の影を指定します。
参考サイト
テキスト装飾プロパティについて
- colorプロパティ（文字の色）
- opacityプロパティ（透明度）
- text-alignプロパティ（文字の配置）
- text-decorationプロパティ（文字の飾り）
- text-shadowプロパティ（文字の影）
フォント装飾プロパティについて
- font-familyプロパティ（フォントの種類）
- font-sizeプロパティ（フォントのサイズ）
- font-weightプロパティ（フォントの太さ）
- font-styleプロパティ（フォントのスタイル）
- line-heightプロパティ（行の高さ）
- fontプロパティ（フォント一括指定）
- white-spaceプロパティ（空白・改行の表示方法）
参考サイト（テキスト装飾プロパティ＋フォント装飾プロパティ）
本日の課題①
WordPressサイトに、本日学んだ内容を「投稿ページ」にまとめてください。
投稿日は、本日の日時で設定してください。
※ページタイトルは、投稿内容がわかるような記述にしましょう。
本日の課題②
過去の訓練の復習として訓練内容を「投稿ページ」にまとめてください。
投稿日は、該当する訓練の日時にしてください。
※ページタイトルは、投稿内容がわかるような記述にしましょう。