学科 CSS基礎①
CSSでデザインを作る
リセットCSS
〇ブラウザが初期状態で持ってるスタイルシートをリセット（クリア）する為のCSS
〇必ず<head>の頭に入れる（後ろにつけるとスタイルシートを打ち消してしまう）
バックグラウンド系プロパティ
1.background-colorプロパティ（背景色）
background-color: 背景色;〇対象 コンテンツ+パディング+ボーダー
〇指定 transparent（初期値） → 透明
色値（#ff 00 00 等） → 色の指定ができる
2.background-attachmentプロパティ（背景画像の位置）
background-attachment: 背景画像の位置;〇指定 fixed →スクロールしても動かない
scroll →一緒に移動
3.background-imageプロパティ（背景画像のファイル）
background-image: url('ファイルのパス名');〇body / p / div /span 等の要素にも使える
4.background-repeatプロパティ（背景画像の繰り返し）
background-repeat: 背景画像の繰り返し指定;〇指定 repeat（初期値） → 繰り返し
repeat-x → 横にのみ繰り返し
repeat-y → 縦にのみ繰り返し
no-repeat → 一回だけ（繰り返さない）
5.backgroundプロパティ（背景画像を一括指定）
〇1～4をまとめて指定するプロパティ
background: #ccc fixed url('ファイルのパス名') repeat;〇プロパティを順不同、スペースで区切る
6.background-sizeプロパティ（背景画像のサイズ）
background-size: 背景画像のサイズ;〇指定 auto（初期値） → 自動
contain → 縦横比保持、領域に収まるサイズ
cover → 縦横比保持、完全に覆うサイズ
幅/高さ → 幅と高さをスペースで区切って指定
パーセンテージ → 幅と高さをパーセンテージ（％）で指定
7.background-positionプロパティ（背景画像の表示開始位置）
background-position: 背景画像の表示開始位置;〇指定 top / bottom / left /right / center
％（百分率）/ px（ピクセル） → 水平方向、垂直方向で指定（初期値は0％）
指定しない場合はcenter
補足情報
1.コーディング練習
参考サイト：https://code-jump.com/
2.Dwの設定
①ファイルタブ > サイトの管理 > 新規サイト
・新規サイト名はわかるものなら何でもいい（依頼を受けた会社名でも）
②新規サイト > ローカルサイトフォルダ > デスクトップ > フォルダーの選択
・サイトの管理に追加されるので完了
・html、css（リセット、style）の紐づけができる
※バックアップはコピーを過去分として残す、いじるのは常に元のフォルダ（同じフォルダ）