modelo de la caja

esto puede ser muy util a la hora de crear un sitio web ya que todo elemento en html tiene variados espacios, para representar mejor vea la imagen:



ahora explicaremos con mas detalle estas zonas de

* Margin - es el espacio invisible que queda fuera del borde.
* Border - es la ultima parte visible de la caja la cual cuenta con variadas propiedades
* Padding - es el sector univisible que separa al contenido del borde, tambien es modificable con propiedades
* Content - es el contenido del elemento esto no es modificable por ninguna propiedad.