hola, buenos dias/tardes/noches, aun no logro entender cual es la diferencia entre padding y margen, ademas me confunde un poco la forma correcta de colocar los argumentos en el margen; margin: argumento1 argumento2. pero tambien se puede colocar 4 argumentos... margin: argumento1 argumento2 argumento3 argumento4. ¿Cuál es la forma correcta y para que sirven cada una? Gracias por su tiempo
Hola Jahir, espero que estés bien!
La diferencia entre padding y margin
El HTML utiliza una idea de caja de plantilla donde los elementos son insertados y organizados. padding es lo que define el espaciado del elemento fuera de esta caja mientras que margin define el espaciado dentro de este cuadro.
El atributo que generalmente define el espacio entre estos dos es el border del cuadro que tiene etiquetas HTML, etc.
Cómo usarlas
El ejemplo de cuatro valores sigue esta estructura:
margin: Arriba | derecha | Abajo | Izquierda
El ejemplo de dos valores sigue esta estructura:
margin: vertical | horizontal
El mismo sirve para padding. Entonces va como usted desea, si quiere dejar más específico utiliza los 4 valores, caso no, utiliza los 2 valores
Fuentes que puede ayudarte:
Saludos y buenos estudios!