CSS 重ねかた

以下、箇条書き。
・padding-topで上部の内側のラインが下がる。(left, right, bottomも同じ)
・margin-leftで左に余白が延びる。(topとかも同じ)(余白なので延びた左側白くなる)
・position: ¥;
　¥の中身はabsolute(絶対座標), fixed(画面からの位置),relative(相対座標)
簡単に説明。(top: 0;などを下に記述)
absoluteは左上を(0, 0)を基準とした時の位置。
fixedは左上を(0, 0)を基準とした時の位置だが画面に固定される。ずっと見えてて欲しい広告やHeaderなど便利なものを固定することが多い。
relativeは、ホラ、HTMLって積み木のように重なっていくじゃん？そうなった時の表示される場所って(0, 0)じゃない事が多い事が多い。横にずらしたいだけって時などには便利かも。
・z-index: ¥;
　¥には数字(大抵1,2くらい)が入る。数字が大きいほど前に出る。表示だけじゃなく、作業中この要素隠れてるけどどんなふうに配置されてんのかなーって思う時にも便利。とてつもなくでかい値を入れると確かめられる。
・width calc(100% - 300px)など
　calcで計算できる。％とかpxとかvhとか入れても単位も勝手に揃えてくれる。
・height: 100vh;
100％と間違えるとハマる。ハマるな危険。