Margin (margen) es el espacio que est alrededor del elemento.

Cuanto ms grande
el margen, ms espacio hay entre nuestro elemento y los que lo rodean. Podemos
ajustar el margen para mover nuestros elementos de HTML para que estn ms cerca
o ms lejos unos de otros.
Border es el borde del elemento. Es lo que estuvimos haciendo visible cada vez que
establecimos la propiedad border.
Padding (relleno) es el espacio entre el contenido y el borde. Con CSS, podemos
ajustar este valor para mover el borde ms cerca o ms lejos del contenido.
Content es el contenido que est dentro de la caja. Si estamos hablando de un
elemento , el contenido es el texto del prrafo.
En el diagrama vas a ver abreviaturas como TM, TB, y TP. Estas quieren decir "top
margin" (margen superior), "top border" (borde superior), y "top padding" (relleno
superior). Como veremos, podemos ajustar los rellenos, bordes y mrgenes
superiores, derechos, izquierdos e inferiores en forma individual.