盒模型描述网页元素会占用多少空间。它就像一幅装裱好的画：画在中间，衬纸围在周围，边框包住外沿，空白墙面则将它与其他画隔开。

在网页的盒子中，内容位于内边距之内，外面是边框，边距则在最外层。这些层会影响元素看起来有多大，以及它与相邻元素的距离。

了解这些层有助于解释为什么卡片占用的空间会大于其中的图片或文字。调整正确的层，就能改变内部留白或与其他项目的间距。