マージンとは？

マージンは要素の周囲に配置されるスペースのこと。要素同士の間隔を調整するときに使います。

.element {
    margin: 10px;
}

パディングとは？

パディングは要素の中のコンテンツと境界（ボーダー）との距離を調整します。

.element {
    padding: 20px;
}

ボーダーとは？

ボーダーは要素の境界線のことです。要素を区切るときやデザインを整えるときに使えます。

.element {
    border: 1px solid #000;
}

このように、マージン、パディング、ボーダーを上手に使って、メリハリのあるデザインにしましょう！