1限目
学科 HTML/CSS基礎⑦
CSSのプロパティについて

L4.2.8 position/top/left/bottom/right プロパティ（要素の配置方法）
　　　　どこにでも配置できる。まずは他の方法を考える。
　　　　（フレックスレイアウト・フロート）
　　　　できるだけ使用しないほうがいい。
　　　　あとでスマホ設定をするときに大変になりがち。
L4.2.9 z-index プロパティ（重なりの順序方法）
　　　 z-index: 重なりの順序;
　　　　ポジションを指定しているときのみ変更可能
　　　　数字の大きい順に並べる。

L4.3 ボーダー系プロパティ
L4.3.1 border-style プロパティ（ボーダースタイル）
　　　border-style: ボーダーのスタイル;
　　　　線の種類を指定
L4.3.1 border-style プロパティ（ボーダースタイル）　　　　
　　　border-color: ボーダーの色;
L4.3.3 border-width プロパティ（ボーダー幅）
　　　border-width: ボーダーの幅;
L4.3.4 border プロパティ（ボーダー一括指定）＊ほぼこれを使用する
　　　border: ボーダー一括指定;
　　　ボーダーのスタイル・色・幅を一括して指定する（ショートハンド）
L4.3.5 border-top/-bottom/-left/-right プロパティ（ボーダー上下左右一括指定）
　　　border-bottom: 下のボーダー一括指定;
　　　下線を引くことができる。隙間調整ができる。

L4.6.1 border-radius プロパティ（ボーダーの丸み）
　　　border-radius: コーナーの角丸値;
　　　角を丸くする。正円も書くことができる。
　　　半径を書く。
　　　全角を変更したいとき
　　　左上から時計回りに横方向 / 縦方向
L4.6.2 box-shadow プロパティ（ボックスの影）
　　　box-shadow: ボックスの影値;
　　　「水平方向の影のオフセット距離」
　　　「垂直方向の影のオフセット距離」
　　　「ぼかしの距離」
　　　「広がりの距離」
　　　「色」
　　　「inset」
　　　　順にスペースで区切って指定
L4.6.3 box-sizing プロパティ（ボックスサイズ計算）
　　　box-sizing: ボックスサイズの算出方法;
　　　content-box（初期値）　昔の
　　　border-box　　　　　　　リセットCSSで指定してある
L4.6.5 object-fit プロパティ（画像はめ込み）
　　　L4.6.5 object-fit プロパティ（画像はめ込み）
　　　　　　object-fit: cover;　　使用することがあるが基本Photoshop修正おすすめ
　　　　　　　　　　　　　　　　画像の中心から
　　　L4.6.7 vertical-align プロパティ（垂直方向位置指定）
　　　　　　vertical-align: 垂直方向位置;
　　　　　　画像に対して
　　　　　　
2限目
学科 HTML/CSS基礎⑦
CSSのプロパティについて

L6.4 擬似クラス系セレクタlink 擬似クラス（未訪問リンクスタイル）
　　　セレクタ:link { プロパティ名: 値; }　
　　　　　　　　　　　　　カラー：レッド；
　　　未訪問の時色を変える
visited 擬似クラス（訪問済リンクスタイル）
　　　セレクタ:visited { プロパティ名: 値; }
hover 擬似クラス（オンカーソルスタイル）
　　　セレクタ:hover { プロパティ名: 値; }　
　　　カーソルが乗ったら色が変わる
active 擬似クラス（アクティブスタイル）
セレクタ:active { プロパティ名: 値; }
クリックしてから離すまで色が変わる
first-child/last-child 擬似クラス（先頭・最終の子要素指定）
　　　セレクタ:first-child { プロパティ名: 値; }
　　　セレクタ:last-child { プロパティ: 値; }nth-child 擬似クラス（n 番目の子要素指定）
　　　セレクタ:nth-child(n) { プロパティ名: 値; }
nth-of-type 擬似クラス（同一のセレクタを持つ n 番目の子要素指定）
　　 セレクタ:nth-child(n) { プロパティ名: 値; }
not 擬似クラス（指定値以外の要素指定）
　　 セレクタ :not(x) { プロパティ名: 値; }
L6.5 擬似要素系セレクタL6.5.1 first-letter 擬似要素（要素の 1 文字目を指定） セレクタ::first-letter { プロパティ: 値; }L6.5.2 first-line 擬似要素（要素の 1 行目を指定） セレクタ::first-line { プロパティ: 値; }L6.5.3 before/after 擬似要素（要素の直前・直後にコンテンツの挿入） セレクタ::before { プロパティ: 値; } セレクタ::after { プロパティ: 値; } 要素の直前（::before）または直後（::after）へのコンテンツの挿入を指定 実際に挿入するコンテンツは、content プロパティで指定


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

L6.5 擬似要素系セレクタ
L6.5.1 first-letter 擬似要素（要素の 1 文字目を指定）
セレクタ::first-letter { プロパティ: 値; }
L6.5.2 first-line 擬似要素（要素の 1 行目を指定）
セレクタ::first-line { プロパティ: 値; }
L6.5.3 before/after 擬似要素（要素の直前・直後にコンテンツの挿入）
セレクタ::before { プロパティ: 値; }
セレクタ::after { プロパティ: 値; }
要素の直前（::before）または直後（::after）へのコンテンツの挿入を指定
実際に挿入するコンテンツは、content プロパティで指定

知恵袋について

4限目
学科 HTML/CSS基礎⑦
Webページ制作実践

5限目
学科 HTML/CSS基礎⑦
Webページ制作実践