8.1 CSS盒子模型概念

8.1 css盒子模型概念

图8-1描绘了盒子模型的结构，可以看到一个HTML元素（如<div>）对应的盒子包括元素的内容（如<div>中包含的文字、图片或其他HTML元素等）、内边距（如<div>的边框线与<div>中内容之间的空白区）、边框线和外边距（如围绕在<div>边框外的空白区域）。

 

图8-1 盒子模型示意图

下面对盒子模型的不同部分分别进行详细介绍。