CSS 基础框盒模型介绍

当对一个文档进行布局时，浏览器的渲染引擎会根据 CSS 基础框盒模型，将所有元素表示为一个个矩形的盒子。CSS 决定这些盒子的大小、位置以及属性（例如颜色、背景、边框尺寸等）。

每个盒子由四个部分（或称区域）组成，其效用由它们各自的边界所定义。与盒子的四个组成区域相对应，每个盒子有四个边界：内容边界、内边距边界、边框边界和外边框边界。