盒模型简介

在网页中“一切皆是盒子” 盒子 CSS处理网页时,它认为每个元素都包含在一 个不可见的盒子里。 为什么要想象成盒子呢?因为如果把所有的元 素都想象成盒子,那么我们对网页的布局就相 当于是摆放盒子。 我们只需要将相应的盒子摆放到网页中相应的 位置即可完成网页的布局。 盒子模型 一个盒子我们会分成几个部分: – 内容区(content) – 内边距(padding) – 边框(border) – 外边距(margin) 看一下面的图来感受一下盒模型 所有的文档元素(标签)都会生成一个矩形框,我们成为元素框(element box),它描述了一个文档元素再网页布局汇总所占的位置大小。因此,每个盒子