[计算机资料]盒子模型.pptVIP

目标:盒子模型 内容： 掌握盒子模型的特点 掌握不同浏览器下盒子模型的解析 掌握盒子模型解析特性和注意事项 属性缩写 1、盒子模型的特点 特点如下： Width padding border margin Width padding border margin Width padding border margin IE6/IE7显示为：width+padding*2+border*2+margin*2 IE5.5显示为： width+margin*2 FIREFOX显示为： width+padding*2+border*2+margin*2+2*2 注意：背景图像和背景颜色将会覆盖填充区域，背景图像显示级别比背景颜色高. 2、盒子模型里的各属性值 margin(边界距离，为透明显示) 语法：margin:auto/length auto表示自动计算值，当为内联元素时，它的值为0。当为块级元素时，左右边距的值为盒子内所剩余的空间，此值对上下边距无效。 Length(注意：其默认值不为0) 1、单位为像素时为绝对尺寸； 2、单位为百分比时，相对于其包含盒子的尺寸； 3、值为inherit时，继承其包含盒子的尺寸； 4、值为负数时，为偏移值。 2、盒子模型里的各属性值 padding（填充值） 语法：padding:length 此值不能为负值 border