#HTML 块级、内联、内联块级元素

【常用的块级元素】

div，form，p，table，h1~h6，hr，dl，ol，ul，pre等

【常用的内联元素】

a，img，input，span，br，select，strong，em，textarea，label等

【概念】

块级：block

内联：inline

内联块级：inline-block

【特征】

1.块级元素

独占一行。

可设置width，height，margin，padding。

内部可包含块级或内联元素。

2.内联元素

和其他inline元素同行显示。

设置widht，height，margin-top，margin-bottom，padding-top，padding-bottom无效，可以设置margin-left，margin-righ，padding-left，padding-right。

内部可包含块级或内联元素，内部包含块级元素时，该块级元素继续保持独行显示，下一个内联元素会换行显示。

3.inline-block

和其他inline元素同行显示。

和块级元素一样可设置width，height，margin，padding。

内部可包含块级或内联元素，内部包含块级元素时，该块级元素会在内联元素的内部独行显示，不会影响下一个内联元素的同行显示。