盒子模型是在网页设计中css技术的一种思维模式。下面画图介绍一下
Margin（外边距）：清楚边框外的区域，外边距是透明的，就相当于在一个地方放一个盒子，把盒子周围的东西都清楚掉，在边框外，外边距这个空间中不存在东西一样。
Border（边框）：围绕在内边距和内容外的边框，就相当于盒子的外壳
Padding（内边距）：清楚内容周围的区域，内边距是透明的，就相当于你要在盒子里放东西，这个东西跟盒子的内壳之间的距离
Content（内容）：盒子的内容，显示文本和图像，就相当于你在盒子里面放的东西。
一、边框属性
border-style:边框样式，值有以下情况（可以设置边框线的像素大小）：
solid：实线
double：空心线
dashed：圆点组成的边框
dotted：虚线
border-color:边框颜色
border-width:边框宽度
inherit：规定应该从父元素继承 border 属性的设置
二、外边距属性
margin：外间距,边框和边框外层的元素的距离
margin:四个方向的距离(top right bottom left)
margin-top:
margin-bottom:
margin-left:
margin-right:
是按上、右、下、左的顺序
三、内边距属性
padding:内间距,元素内容和边框之间的距离((top right bottom left))
padding-left:
padding-right:
padding-top:
padding-bottom: