marginとpadding

「margin」「padding」はWEBページ上の余白を作ることができる。 mariginとpaddingの違いは空白のできる場所である。 

上記の写真を見ると違いが分かります。
margin=要素の外側の余白　　
padding＝要素の内側の余白
border=要素とpaddingの外側に表示される　　　

上(top)	右(right)	下(bottom)	左(left)
padding-top	padding-right	padding-bottom	padding-left
margin-top	margin-right	margin-bottom	margin-left

(例)
また数値はまとめて指定でき、時計回りの方向。
padding: 10px 20px 30px 40px;　　　　　
10px＝左　20px＝右　30px＝下　40px＝左