Margen (Margin):
¿Para que sirve? margin sirve para establecer la separacion entre dos elementos, aunque parezca complicado de entender, no lo es. Supongamos que tenemos una imagen y pegado un bloque con texto dentro, bien, usando la propiedad margin podremos separar esos dos elementos.

margin-top: 5px;
margin-right: 5px;
margin-bottom 5px;
margin-left 5px;

Aumentando el numero "5" en este caso aumenta el tamaño del margen


Otras maneras de usar esta propiedad:

margin: 10px 0px 0px 0px

Con esto aumentas todos los lados por igual y a la vez:

margin: 10px ;

Relleno (Padding):
El padding a primera vista es igual al margin, incluso en determinadas ocaciones podremos usar las dos y conseguiremos el mismo resultado visual, la diferencia esta en que padding no separa dos elementos, mas bien crea un espacio dentro uno de ellos, por ejemplo, si tenemos un bloque con texto dentro y una imagen al lado bien pegada, al aplicarle padding al bloque con texto, los elementos siguen pegados, pero vemos un espacio al igual que si usaramos la propiedad margin, solo que esta vez se creo un espacio dentro del bloque (con margin se hubiera creado el espacio fuera del bloque) con texto dentro.

La forma de aplicarlo es igual que margin, solo que esta vez el nombre será padding:

padding: 10px; 

padding: 100px 40px 70px 10px; 

padding-top: 100px;
padding-right: 40px;
padding-bottom: 10px;
padding-left: 70px;