Respuestas
Respuesta:
En el modelo de caja CSS "clásico", el borde y los márgenes interior y exterior se añaden al tamaño del elemento definido con las propiedades width y height, aunque ese comportamiento se puede modificar con la propiedad box-sizing que se comenta en la lección Modelo de caja. Los ejemplos de esta página siguen el modelo "clásico"
¡Atención!La hoja de estilo por defecto de los navegadores establece márgenes exteriores en bastantes elementos, especialmente a los elementos de bloque y a los títulos, y márgenes interior en algunos elementos. Aunque los márgenes establecidos en la hoja de estilo por el autor tienen prioridad sobre los márgenes establecidos por la hoja de estilo por defecto, el resultado final es la combinación de todos los márgenes establecidos en ambas hojas de estilo.
Margen exterior: la propiedad compuesta marginmargin
Recomendación CSS2 Mozilla Developer Network
El margen exterior de un elemento es el espacio transparente situado alrededor del borde del elemento, independientemente de que el borde sea o no visible.
La propiedad margin permite establecer el tamaño del margen exterior. Como en el caso de las propiedades border-color, border-width y border-style se pueden escribir de uno a cuatro valores, que se interpretan de la siguiente manera:
1 valor: este valor se aplica a los cuatro lados
2 valores: el primer valor se aplica a los lados inferior y superior y el segundo a los lados derecho e izquierdo
3 valores: el primer valor se aplica al lado superior, el segundo a los lados derecho e izquierdo y el tercer valor al lado inferior
4 valores: el primer valor se aplica al lado superior, el segundo al lado derecho, el tercer valor al lado inferior y el cuarto al lado izquierdo
Explicación:
espero ayudarte