背景を彩る
背景に画像を設置するプロパティ？
background-image:
具体的な書き方
body{background-image: url(imageのアドレス);}
画像縦横に繰り返しして表示
background-repeat: repeat/repeat-x/ repeat-y/no-repeat
画像をもとの比率を維持したまま、背景を埋め尽くすためには？
background-size: cover; （画像＞表示画面の場合、画像は切れる）
background-size:contain;は？
画像をもとの比率を維持したまま、すべてが表示できるように最大化にすること
画像の位置をいじるプロパティは？
background-position
その値の書き方
横方向: right center left
+(space)
縦方向: top center bottom
具体的にピクセルレベルで移動させてたい場合は？
background-position: 横にずらすピクセル数 縦にずらすピクセル数;
バックグランドのいろんなプロパティを一括指定したい場合は？
background: 色の値 画像リンク 位置/サイズ
backgroundの一括指定で注意すべき一点？
サイズの値(数値,cover, contain)は必ず位置の値の直後に/で区切る
(両方数値が使えるプロパティだからね)
一括指定のコード変化⤵
画像をサイトで使うときにユーザービリティの点から、注意すべきことは？
表示速度を上げるために、画像サイズをできるだけ圧縮する
※「Compressor.io」でできる
幅と高さの指定
幅と高さのプロパティのセレクター対象は？
ブロック要素だけ
ブロック要素と違って、細かなテキストの調整の時使う要素は？
インライン要素
幅と高さの指定し方
例：div{ background:grey; width: 500px; height:300px;}
幅をauto指定すると？
指定された要素は親要素と同じ幅になる
幅を％で指定すると？
親要素の％になる
よく使う新しい相対単位２つ？
vw(view width) vh(view height)
vw,vhの意味？
ビューボードの表示領域の％
例：表示領域の幅が1200px,高さが800pxの場合、
50vw 50vh はつまり 幅600px 高さ400pxになる
配色ツール３選P133
サイト作りの時、配色のヒントがもらえる
コメント