相当重要

1.盒子模型
网页上所有的可视标签都是一个盒子模型：
一个标签是由四个部分组成，分别是：内容(content)、padding、border、margin；
其中content、padding、border是可见的，margin不可见，但是占位

2.盒子模型的每个部分
content - 标签内容；设置标签的宽高其实是作用于content；标签中的文字和子标签都是添加在content上的
padding - 在内容的外部，默认是0；可见的，并且背景颜色也作用于padding；有四个方向
border - 边框，默认是0；可见的，有四个方向，颜色和大小都可以单独设置
margin - 外边距

border：大小 样式 颜色
padding：上 右 下 左
margin：上 右 下 左