盒模型

盒子的组成

　　margin：外边距，与其他盒子的距离

　　border：边框（默认值：3px）

　　padding：内边距与内容之间的可选距离

　　背景颜色的渲染区域从border开始

　　content：内容

padding

　　可以设置4个方向的值　　top  right  bottom  left

       取一个值：上右下左

　　取两个值：上下，左右

　　取三个值：上，左右，下

　　outline:用于布局，不占像素，轮廓，同时设置4边值（测试）

子盒子

　　边框盒：border,padding,content

　　背景色的默认渲染区域，是从border开始

　　background-clip:border-box;　　指定背景的渲染区域

　　填充盒　　padding-box　　由padding和content组成

　　严格意义上loverflow的溢出，是指溢出填充盒

　　一般情况下，width和height是指内容盒的宽和高

　　box-sizing       设置元素的渲染尺寸

       border-box     表示元素的width和height设置的区域是边框盒

       content-box　表示元素的width和height设置的区域是内容盒