■ <margin>

marginプロパティは、上下左右のマージンをまとめて指定する際に使用します。 上下左右を異なるマージン幅にしたい場合には、スペースで区切って複数の値を指定します。

値を1つ指定した場合： 指定した値が[上下左右]のマージンになります。
値を2つ指定した場合： 記述した順に[上下][左右]のマージンになります。
値を3つ指定した場合： 記述した順に[上][左右][下]のマージンになります。
値を4つ指定した場合： 記述した順に[上][右][下][左]のマージンになります。

マージンはパディングとセットで覚えるのが良いと思います。

マージン10px
パディング10px
マージン10px、パディング10px
マージンは領域間のスペース、パディングは領域内のスペースです。

尚、マージンには負の値を指定することもできます。 マージンに負の値を指定することで、複数の領域を重ねて表示させることが可能ですが、重なり順や重ね位置がブラウザによって異なるため、注意が必要です。