内联元素(inline) span b strong i em a sub sup img

    宽高不生效，由内容决定

    在同一行显示

    盒模型属性padding的左右生效，上下显示不准确;margin的左右显示准确，上下不准确

  块级元素(block) h1-h6 div p ul li dl dt dd ol form table

    宽高生效

    独占一行

    盒模型属性都生效

    一般作为容器去包裹其他元素,p标签一般不包裹块级元素，也不包裹自己

  行内块元素(inline-block) input (img)

    在同一行显示 

    宽高生效 

    盒模型属性都生效

  元素类型转换 display  

     block 块

     inline 内联

    inline-block 内联块

    none 隐藏 隐藏之后不占位

      visibility: hidden; 隐藏元素 隐藏之后会占位

   解决横向排列的元素之间的空格

     1 将标签代码写到同一行

      2 添加浮动

     给元素添加一个父元素，设置font-size:0;然后单独设置该元素的字体大小

     内联元素添加浮动之后，会转换成块级元素