CSSは3次元で考える 記述の順序は「外側から」と「重なり順の上から」がある。 一般的にレイヤー構図を意識して記述することが少ないからか「外側から」記述することが多い 記述順序例

スタイルの優先順位

スタイルの特殊性（specificity） スタイルの読み込み順序のルール（あとから読み込んだものを優先する）は、あくまで特殊性が同じスタイルに適用される

要素間の上下マージンの相殺 どちらも正の値の場合、大きいほう どちらも負の値の場合、小さいほう 一方が正の値、他方が負の値の場合、足し引きした値を設定（5px + 10px = 15px）

fontsizeとlineheight

displayとvisibility 「visibility: hidden」ではボックスが生成されたうえで、不可視化される

position: relative（相対的） その要素本来の位置（左上）からの移動距離

position: absolute（絶対的） 包含ブロック（左上）からの移動距離

bordercollapse table要素、td要素にそれぞれ表示するborderを重ねて、１重の状態で表示する table { bordercollapse:collapse; }