Question

盒子模型的构成部分

Answer 1

1、盒子模型的构成部分

网页元素（content）：在网页上显示文本和图片的区域

内边距(padding)：删除边框外的区域

边框(border)：围绕在内边距和网页元素外的边框

外边距(margin)：边框外面与其他盒子之间的距离

一个盒子模型就相当于一个煮好的鸡蛋，蛋黄就是content区域，蛋白就是padding区域，蛋壳就是border区域，蛋壳的外面与其他物体的距离就是margin区域。

其中padding、border、margin都有四个方向 ，盒子模型的顺序是上右下左，四个方向的值是可以单独给他进行设置的。

 border和background 和font一样，也是一个复合属性 ，想让边框的粗细显示出来必须要规定边框的样式，边框的样式默认是黑色。