文章标题

1、盒子模型

    i.内容区域：宽度和高度 width  height    ii.边框：border  边框宽度、样式、颜色  上下左右四个方向    iii.外边距：margin 上右下左四个方向的外边距设置    注意事项：    1.塌陷现象：对于两个盒子的同一片区域进行外边距设置的时候，margin区域是会重叠的    2.兄弟盒子之间设置距离用margin    3.父子盒子之间用margin的问题：margin-top上边距重合问题    1）给父盒子设置边框    2）用overflow属性来进行解决    iv.内边距：padding 分为上下左右四个方向    设置盒子内容和边框的距离时候，用padding来设置

2、文档流

i.页面内容部分区域排列方式：从左往右，从上往下排列，一个元素一个坑3、块级元素和内联元素i.块级元素：符合盒子模型属性、必须独占一行ii.内联元素：不符合盒子模型、可以和其他内联元素共享一行跟文本相关和跟表单相关的都是内联元素iii.跨级元素和内联元素互相转换：display属性：none、block、inline、inline-block

4、浮动（脱标）

i.定义：元素脱离文档标准流，不受文档格式的约束，漂浮到漂浮层ii.脱标方式：float、绝对定位、固定定位iii.Float：表示元素脱离标准流后，按流式布局方式排列元素iv.清除浮动：1）overflow   2）设置父盒子的宽高度