コーディング覚書

ボタンなどでテキストを要素の上下中央寄せにしたい場合　文字サイズと同じline-heightを設定する（１行の場合のみ有効）

.contents > p {
color: red;
}

「 > 」で繋げて書くことで、直属の子孫要素だけを指定することができる

box-sizing: border-box;

ボックス（div）のwidthやheightにmargin等の余白やborderを含めるかどうか

background-size: contain;

背景画像をコンテナーで最大限に大きく表示（縦横比保持）
※no-repeatの指定が無いとタイル状に配置される

background-size: cover;

背景画像をコンテナーで隙間なく表示（縦横比保持）
※コンテナーの縦横比と異なる場合は上下または左右が切り取られる

background-attachment: fixed;

スクロールしても固定
fixed にすると幅が無くなる（浮くため）width100%にするかleft rightを0にすること

position: relative;

本来表示する場所を起点に移動

position: absolute;

relativeで設定した場所を起点に移動
※relativeとセットで設定