css盒子模型

1、盒子模型
所有的HTML元素，我们都可以看成一个四边形，即一个盒子
用css来设置元素盒子的内边框、边框和外边距的样式的方式相当于设置盒子的样式，所有我们将其称之为盒子模型
2、边框（border）
上边框border-top
左边框border-left
右边框border-right
下边框border-bottom
3、内边距padding
内边距：HTML元素里的内容体到HTML元素边框的距离
上边距padding-top
左边距padding-left
右边距padding-right
下边距padding-bottom
4、外边距margin
外边距：HTML元素边框到其他HTML元素边框的距离
上边距margin-top
左边距margin-left
右边距margin-right
下边距margin-bottom