块级元素，行内元素，行内块元素区别

块级元素：display: block

        1.块级元素独占一行

        2.块级元素默认宽度为100%

        3.块级元素的高度，行高，内外边距都可以控制

        4.行内元素可以包含块级元素

行内元素： display:inline

        1.所有行内元素只会在一行里面显示，只有排不下了才会换行显示

        2.行内元素可设置水平方向内外边距，但无法设置垂直方向内外边距

        3.行内元素不能设置宽高，并且不可以包含块级元素

行内块元素：display：inline-block

        1.相邻的行内块元素之间会有空白的间隙，可以给盒子设置css样式font-size:0来解决。

        2.可以设置宽，高，内外边距

        3.行内块元素无法转换成行内元素