盒模型块元素（boxes）构建网页结构1.特点：1)占用一行空间2)默认宽度为100%（充满父元素）3)默认高度为0.如果有child元素，父元素的高度由子元素决定4）宽高可以通过width/height2改变。概念1)Widthwidth2)Heightheight3)Marginmargin:1px;1px;左右为2pxmargin:1px2px3px；top1px,rightandleft2px,bottom3pxmargin:1px2px3px4px;顶部1px，右侧px，底部3px，左侧4pxmargin-top:1px;底部边距：2px；左边距：10px；右边距：5px；4)borderborderborder:1pxsolid#ccc;【最常用的sketch，超级sketch】上下左右边框宽度为1，样式为实线，颜色为#cccborder-width[速记]borderwidthborder-width:1px;边框顶部宽度：1px；边框底部宽度：1px；右边框宽度：1px；左边框宽度：1px；border-top-style:solid;border-bottom-style:虚线；右边框样式：虚线；左边框样式：双；边框颜色border-top-color:border-right-color:border-bottom-color:border-left-color:5)padding类似于marginpadding:1px;[简写形式]padding:1px2px;填充：1px2px3px；填充：1px3px3px4px；padding-top:padding-right:padding-bottom:padding-top:3.盒子类型1）传统盒子（内容盒子）box-sizing:content-box;表示框的宽度不包括padding和border框的宽度=width（width是指content部分的内容）2）奇怪的框（borderbox）box-sizing:border-box;width表示所有边框（包括边框）里面的总和width:100px如border:10px;padding:10px;内容的宽度=100px-2*10px-2*10px=60px内联元素的特点：1)与其他内联元素共享一行空间2)不能指定宽高，占用位置由它的内容
