El modelo de caja describe cuánto espacio ocupa un elemento en una página web. Es como un cuadro enmarcado: la imagen queda dentro, un paspartú la rodea, el marco la delimita y el espacio de pared la separa de otros cuadros.
En una caja web, el contenido queda dentro del relleno, luego viene el borde y, por fuera, el margen. Estas capas afectan al tamaño aparente del elemento y a la distancia que mantiene con los elementos vecinos.
Conocer las capas ayuda a entender por qué una tarjeta ocupa más espacio que su imagen o su texto. Ajusta la capa adecuada para cambiar el espacio interior o la distancia con otros elementos.