よく使うCSS、便利なCSS
個人の備忘録も兼ねてまとめました。
position
デフォルト static(静止した)
ヘッダーみたいに画面全体を基準に位置指定 fixed(固定・不動)
相対位置指定 absolute(絶対的な)
※親要素にrelativeをかけておく
位置・重なり
・top/right/bottom/left、z-indexを指定したい時はrelativeかabsoluteを指定する
・通常左上が基準になるが、 transform: translate(-50%, -50%)