日々思いついたことを気ままに書くブログです。

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は指定できない。