认识CSS样式中的盒子模型

1、首先盒子模型顾名思义就是“盒子”与里面的“物品”的关系。所以我们先假设一个盒子并且里面放着块物体

3、我们盒子与物品之间的距离叫盒子模型的填充物（padding）

5、我们把盒子的边框（图中红色的地方），在样式表里叫border

7、如果想设定元素的高度或者宽度的话，则必须要注意：里面的物品的实际高度应该是它原本的高度（像素单位）加上上下内填充以及上下边框才是它的实际高度。宽度则是同理的

8、在一般情况下，<div>,<ul>,<h>,<p>,<ol>,<table>等块级标签都具备了盒子模型的特征