在CSS中，所有的页面元素都包含在一个矩形框就称为盒模型。盒模型描述了元素及其属性在页面布局中所占的空间大小，因此盒模型可以影响其他元素的位置及大小。一般来说，这些被占据的空间往往都比单纯的内容要大。换句话说，可以通过整个盒子的边框和距离等参数，来调节盒子的位置。
    盒模型是由margin(边界)、border(边框)、padding(填充)和content(内容)几个部分组成的，此外，在盒模型中，还具备高度和宽度两个辅助属性。
    1.margin属性
    margin属性称为边界或称为外边距，用来设置内容与内容之间的距离。

    2.border属性
    border属性称为边框或内容边框线，可以设置边框的粗细、颜色和样式等。

    3.padding属性
    padding属性称为填充或称为内边距，用来设置内容与边框之间的距离。

    4.content属性
    content称为内容，是盒模型中必需的一部分，可以设置文字、图像等内容。