Box Model en CSS
Es una parte fundamental de CSS. Basicamente explica como se compone uno de los elementos en un documento de HTML.
Esto se hace asi debido a que cada elemento tiene una forma de visualizarse como una caja, la cual se compone por cinco cosas:
- Contenido. Texto, imagenes, video, otros. Se define su tamaño con
widthyheight - Padding. Espacio entre el contenido y la caja que lo contiene.
padding - Borde. Separacion entre el padding y el margen, va por fuera del padding.
border - Margen. Separacion entre la caja y las otras cajas al rededor de ella.
margin - Fill area. La suma del contenido, borde, padding. Es usada por cosas como el background
