ProgateでHTMLを勉強する14
複数のセレクタに同じCSSを適用する
→セレクタをコンマ(,)で区切ると複数のセレクタを指定できる。
(例)
h1,p{
color: #fff;
}
<header>と<footer>
ヘッダーとフッターを作る場合、<div>タグで作ることもできるがヘッダーとフッター用のタグがあるので、一般的にはこちらを使うことが多い。
背景に画像を指定する
background-imageプロパティ
(例)
background-image: url(画像のURL);
背景画像の大きさを指定する
background-sizeプロパティ
【値の種類】
・auto
初期値
・cover
表示範囲を埋め尽くすように背景を拡大・縮小する
(切り取ることもある)
・contain
表示範囲に収まるサイズになるように背景を拡大・縮小する
(切り取らない)
要素を中央に配置する
margin: 0 auto;
必ずwidthを一緒に指定する。
上下のmarginにはautoは指定できない。