La W3C define lo que se denomina "Modelo de caja", que no es más que una zona rectangular como la siguiente que rodea cada uno de los elementos de nuestra página web.
Cada etiqueta HTML aplica ese modelo y por lo tanto tiene:
- Contenido. Texto de la etiqueta
- Margen interior. Distancia desde el contenido al borde del elemento. Propiedad HTML padding.
- Borde. El borde del elemento. Propiedad HTML border.
- Margen exterior. Distancia desde el borde del elemento a los elementos adyacentes. Propiedad HTML margin.
Cada uno de esos elementos puede definirse mediante propiedades CSS que veremos a continuación.