Hola Camila,
No tengo la respuesta clara en cuanto a tu primer pregunta, pero respondiendo a la segunda, cuando solo se pone un número es porque este mismo tomara cada uno de los lados de un elemento, por ejemplo:
elemento{
margin: 10px;
}
En ese caso le pondrá 10px de margen a todos los lados por igual, y cuando se usan cuatro numeros es porque a cada uno de los puntos le puedes dar una medida distinta:
elemento{
margin: 10px 2px 3px 7px;
}
Aquí te dejo como seria la sintaxis más clara:
/* Aplica a todos los cuatro lados */
margin: 1em;
/* Vertical | Horizontal */
margin: 5% auto;
/* Arriba | Horizontal | Abajo */
margin: 1em auto 2em;
/* Arriba | Derecha | Abajo | Izquierda */
margin: 2px 1em 0 auto;
Espero haberte podido ayudar :D