div+css小结.pptVIP

Css+div小结 1.盒模型 2.定位（position）属性 3.浮动定位（float）属性 4.包裹和拉伸 盒模型 具有margin、border、padding、内容属性的盒子模式称为盒模型。 盒模型种类： 内联盒模型 1.按从左至右排列的。 ?? 2.当超过它们最近的祖先元素时，便换到下一行。 ?? 3.width、height、overflow、margin-top、margin-bottom对内联元素完全不起作用。 ?? 4.内联元素用line-height设置行的高度。 Example： aemspaninputlabel 内联元素span width、height在内联属性中作用 用line-height设置内联元素的高度 Margin在内联元素只有margin-left、margin-right起作用 块状盒模型 1.按从上至下排列的。 ?? 2.width:?auto、height:?auto是默认值，使它与父元素相一致。 3.width:?100%?==?父元素的宽度。 4.margin-left:?auto会令已固定尺寸块状元素排列在父元素的右侧。 ?? 5.margin-right:?auto会令已固定尺寸块状元素排列在父元素的左侧。 ?? 6.margin-left和margin-right都auto排列在父元素的中间. Examp