パディングの指定　<lenght>　<percentage>

マージンは、ボーダーの周りに作る余白の事で、その距離を指定する事が出来ます。

これにはマージンを使っていません。

これには margin:10px を使っています。

またマージンは上下左右の各々指定する事が出来ます。

margin:10px 20px 40px 80px

このように上下左右の値を入れる事が出来る属性は、上・右・下・左 の順番が決まりです。
パディングと似ているように思う人もいるでしょうが、タグの内側の余白がパディングで、タグの外側の余白がマージンです。

マージンの値

値を３つ入れた場合

margin:10px 20px 40px 上が10px　左右が20px　下が40px

値を２つ入れた場合

margin:10px 40px 上下が10px　左右が40px

値を１つ入れた場合

margin:40px 上下左右が40px

マージンを上下左右個別に指定

margin には 上・右・左・下 それぞれ指定する属性があります。

・margin-top
・margin-right
・margin-bottom
・margin-left

↑ margin-top ↓
←margin-left→	ボーダーの周りがマージン	←margin-right→
↑ margin-bottom ↓

これらの属性を使って、必要なところに必要なだけパディングを取る事が出来ます。
またマージンには -30px などのマイナスの値を入れる事も出来ます。