盒子模型

一.盒子模型的了解：
盒子除了自身的内容以外还存在border、margin、padding边距标签。

二.Border（边框）：
上下左右边框：border-上/下/左/右-style:样式; border-上/下/左/右-width:宽度;border-上/下/左/右-color:颜色;border-上/下/左/右:宽度 样式 颜色;

单独样式（统一边框）：border-style:上边 [右边 下边 左边]; border-width:上边 [右边 下边 左边]; border-color:上边 [右边 下边 左边]; border:四边宽度 四边样式 四边颜色;

圆角边框：border-radius(半径): 左上 右上 右下 左下

三.内边距（padding):
上下左右边距格式：padding—上/下/左/右：
当padding的属性值个数为“1”时表示“上下左右”；为“2”时表示“上下 / 左右”；为“3”时表示“上 / 左右 / 下”；为“4”时表示“上右下左”。

四.外边距(margin):
格式基本与内边距差不多：margin-上下左右；

五.盒子阴影：
box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色  内/外阴影；