9月15日（金）学科 CSS基礎②【オンライン】

大浜 信彦　先生

アジェンダ

1限目
学科 CSS基礎②
CSSのプロパティと値について

2限目
学科 CSS基礎②
練習問題の説明

3限目
学科 CSS基礎②
CSSのプロパティと値を考える

4限目
学科 CSS基礎②
練習問題の解説

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

ポイント

• L6.2 バックグランド系プロパティ
  1. background-color プロパティ（背景色）
  2. background-attachment プロパティ（背景画像の位置）
  3. background-image プロパティ（背景画像のファイル）
  4. background-repeat プロパティ（背景画像の繰り返し）
  5. background プロパティ（背景の一括指定）
  6. background-size プロパティ（背景画像のサイズ）
  7. background-position プロパティ（背景画像の表示開始位置）
• L5.2 テキスト系プロパティ
  1. color プロパティ（文字の色）
  2. opacityプロパティ（透明度）
  3. text-align プロパティ（文字の配置）
  4. text-decoration-color プロパティ（文字飾りの色）
  5. text-decoration-style プロパティ（文字飾りの線種）
  6. text-decoration-thickness プロパティ（文字飾りの線の太さ）
  7. text-decoration プロパティ（文字の飾りの一括指定）
  8. text-shadow プロパティ（文字の影）
• L5.3 フォント系プロパティ
  1. font-family プロパティ（フォントの種類）
  2. font-size プロパティ（フォントのサイズ）
  3. font-weight プロパティ（フォントの太さ）
  4. font-style プロパティ（フォントのスタイル）
  5. line-height プロパティ（行の高さ）
  6. font プロパティ（フォント一括指定）
  7. white-space プロパティ（空白・改行の表示方法）
  8. word-wrap プロパティ（単語の途中での改行方法）
  9. word-break プロパティ（テキストや単語の改行方法）
  10. tab-size プロパティ（タブ文字の表示幅指定）
• L5.4 リスト系プロパティ
  • list-style-type プロパティ（リストマーカーの種類）
  • list-style-image プロパティ（リストマーカーの画像）
  • list-style-position プロパティ（リストマーカーの位置）
  • list-style プロパティ（リストマーカーの一括指定）

おさらい

セレクタ得点

background: 背景一括指定;
  ex. background: url('images/hamaya.png') pink no-repeat;