元素的分类及特点

区块元素：每个元素独占一行；支持所有的样式；不设置宽度时宽度等于父元素宽度；换行符不会解析；
如：div、ul、ol、dl、li、p、h1~h6、table、form、pre等元素

内联元素：在一行有空间时，多个元素可以在同一行显示；不支持宽高样式，使用上下margin和padding等样式会出现问题；宽度由内容（文字图片等）撑开；换行符会被解析（不同浏览器下显示的宽度也不同）
如：span、a、b、strong、em、i、input、img（特殊,为内联块）等元素


(1) 、区块元素 (block)：

    每个块级元素都从新的一行开始，并且其后的元素也要另起一行。（一个块级元素独占一行）。
    元素的高度、宽度、margin padding 都可设置。
    元素宽度在不设置的情况下，和父元素的宽度一致，其高度由内容撑开，不设为0。
    div、ul、ol、dl、li、p、h1~h6、table、form、pre、header、footer、section、hgroup、nav、article、aside等

(2)、内联元素 (inline)：

    和其他元素都在同一行；
    元素的高、宽、行高以及边距均不可设置
    元素的高、宽均取决于它包含的文字或图片的大小
    换行符会被解析
    span、a、b、strong、em、i等

(3)、内联块 (inline-block)：

    和其他元素在同一行；
    元素的高度、宽度、行高及边距可以设置
    input、img、iframe、canvas、video、audio等