分类：
1.内联元素
span i em a strong br input textarea
display: inline;
和其他的内联元素在同一行从左到右排列，不可以直接操作宽高以及相关的css属性，可以设置内外边距的左右值，（marign，padding的左右值）；
宽高由自身的内容的宽高决定（文本，图片）；
只能容纳行内元素，不能嵌套块级元素
2.块级元素
h1-h6,div,ul,ol,dl,li,table,li,form
display:block;
独占一行，每个元素会从新的一行开始，可以直接设置宽高以及相关css属性；
在不设置宽的情况下，宽度等于父元素的宽度；
在不设置高度的情况下，高度等于内容的高度
3.行内块级元素
综合了前两种的情况又各有取舍
display：inline-block
不自动换行
能够识别宽高，padding，lineheight，margin
默认排列方式为从左到右
应用场景：
内联元素：用于不指定宽高，有内容撑起宽高，不占满一行
块状元素：用于指定宽高，沾满一行
内联块级元素：用于指定宽高，不占满一行