1.盒子模型文档中的每个元素都可以看作是一个矩形盒子1）盒子的属性widthheightmargin外边距盒子与其他盒子的距离margin-topuppermarginmargin-rightoutermarginmargin-bottom底部边距margin-left左边距margin:10px;上、下、左、右各10pxmargin:5px10px；上下5px，左右10pxmargin:5px10px15px;top5px,leftandright10px,bottom15pxmargin:5px10px15px20px;top5px,right10px,bottom15px,left20pxborderborderborder-width边框线宽pxborder-style边框线样式solidsolidlinedotteddottedlinedasheddottedlinedoubledoublesolidlineborder-colorBorderlinecolorsketchborder:10pxdouble#333；border-radiusborder圆角border-radius:100%;圆形边框半径：10px；10px圆角内边距background-colorbackground-image:url();background-positionbackground-repeatno-repeat不重复repeat-xx轴重复repeat-yy轴重复background-size背景图片大小background-size:100%100%;2）boxwidth、padding的组成，border,margin3)盒子分类通过box-sizing设置盒子类型1)box-sizing:content-box;contentbox[W3Cbox][default]width200px=内容占用的宽度width=width+padding+border+margin2)box-sizing:border-box;borderbox[IEbox]width200px=contentwidth+padding+borderwidth=width+margin4)bordercollapse(margincollapse)浏览器中有两个框，上下布局，如果加上margin-bottom:10px上箱；将margin-top:10添加到上框；两个框之间的距离是10px，不是20px，两个框之间的距离比一个大
