marginとpadding

CSS

・上下左右margin：時計回りに

margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;

※autoにすると左右中央そろえ。



・上下左右padding：時計回りに

padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;

※上下のパディングの場合も、高さではなく幅に対する割合になるので注意。paddingは使い方を間違えるとよくレイアウト崩れをする。


＜marginの指定割合＞

margin:10px; = margin:10px 10px 10px 10px;（上下左右）
margin:10px 5px; = margin:10px 5px 10px 5px;　（上下、左右）
margin:10px 5px 8px; = margin:10px 5px 8px 5px;　 （上、左右、下）