Kutu modeli, bir öğenin web sayfasında ne kadar yer kapladığını açıklar. Çerçeveli bir tablo gibidir: resim içeridedir, paspartu çevreler, çerçeve kenarları sarar ve boş duvar onu diğer tablolardan ayırır.
Web kutusunda içerik iç boşluğun içinde, onun dışında kenarlık, en dışta ise dış boşluk bulunur. Bu katmanlar öğenin ne kadar büyük göründüğünü ve komşularına ne kadar yakın durduğunu etkiler.
Katmanları bilmek, bir kartın içindeki resim veya yazıdan daha fazla yer kaplamasının nedenini açıklar. İç rahatlığını ya da diğer öğelerle arasındaki mesafeyi değiştirmek için doğru katmanı ayarlayın.