H5学习笔记（四）

1、框模型
    1、框模型
    框模型定义了元素的处理内容，内边距、外边距、边框
    2、详解
       1、width与height
          负责处理元素内容区域的宽度和高度
       2、增加边框、内边距和外边距
          元素的内容区域不会改变，但是，元素整体的占地尺寸会发生改变
       3、增加内边距
           元素的内容区域不会改变，但是，元素框内边框内的占地尺寸发生变化。
       4、框模型介入元素中
       元素实际宽度=左右外边距+左右边框+左右内边距+width
       元素实际高度=上下外边距+上下边框+上下内边距+height
    3、外边距
       1、什么是外边距
        位于元素边框之外的距离
        语法:margin
        取值:value
        单位：
         1、px
         2、%
         3、auto  只对左右边距有效
         4、负值
         数量：
        value:四个方向统一设置
        v1 v2：v1上下外边距 v2左右外边距
        v1 v2 v3：v1上外边距  v2左右外边距 v3下边距
        v1 v2 v3 v4 上右下左
        单边设置：
        margin-left:左外边距
        margin-right：右外边距
        margin-top:上外边距