box：盒子，每个元素在页面中都会生成一个矩形的区域（盒子）

    1. 行盒，display等于inline的元素
      2. 块盒，display等于block的元素
      行盒在页面中不换行、块盒独占一行
      display默认值为inline
      浏览器默认样式表设置的块盒：容器元素、h1~h6、p
      常见的行盒：span、a、img、video、audio ``` 1.行级元素 feature: 内容决定元素所占位置 不可以通过css改变宽高 span strong em a del

    2.块级元素 feature: 独占一行 可以通过css改变宽高 div p ul li ol form address

    3.行级块元素 feature: 内容决定大小 可以改变宽高 img

    1. ```
    2. 盒子三大部分：
    3.     盒子壁：border
    4.     内边距：padding        四个值的数据顺序是上右下左
    5.     盒子内同：width+height；