DIV和CSS布局讲述.pptVIP

（1） 一个盒子的实际高度或宽度是由： content+padding+border+margin组成的。 （2）width和height的值控制content的大小,背景颜色是设置边框区域内的颜色（包括边框） （3）并且对于任何一个盒子都可以分别设定4条边各自的border、padding和margin （4）倘若将盒子模型比作展览馆里展出的一幅幅画，那么 Content就是画面本身； Padding就是画面与画框之间的留白； Border就是画框； Margin就是画与画之间的距离。 （5）利用好盒子的这些属性，就能够实现各种各样的排版效果。 （6）DM设计视图查看盒子模型 2、 border（画框） border会占据空间，计算实际宽度和高度时应考虑。 border属性主要有3个：color、width和style。 Width:thin/medium(默认,约2px)/thick/具体的数值; style:none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset等。 div style=“border-style:dashed” div style=“border-style:dotted” div style=“border-style:double” IE支持的不理想