文章标题

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）设置父盒子的宽高度