そもそもpaddingとmarginとは？

どちらも余白（間隔）を調整するためのプロパティ

marginとは？

marginは要素の外側の余白

paddingとは？

paddingとは要素の内側の余白

使い方

margin-top: ○px;　上に対するmargin
margin-right: ○px;　右に対するmargin
margin-bottom: ○px;　下に対するmargin
margin-left: ○px;　左に対するmargin
margin: ○px;　四方向共通
margin: ○px ○px ○px ○px;　上　右　下　左
paddingも同様

最後に

最初はどちらを使えばいいかわからずに混乱しました・・・
例え話ですが、人に例えると「marginは人との距離でpaddingは脂肪！」と知人から教わり納得できました！
毎回必ず使うことなので覚えておくと便利です！