块级元素，行内元素，行内块元素

在html标签中，包括许多类型标签，其中这篇整理一下

块级元素(block)

常用块级元素：h1~h6，div，ul，li，ol，dl，dt，dd，form

特点：

独占一行

高度，宽度，外边距以及内边距都可以控制。

宽度默认是容器(父级宽度)的100%

是一个容器及盒子，里面可以放行内或者块级元素

注意：只有文字才能组成段落，因此p标签里面不能放块级元素，特别是p不能放div。同理，还有h1~h6，dt,它们都是文字类块级标签，里面不能放其他块级元素。

行内元素(inline)

常用行内元素:a，span，i，em，strong，b，label

特点：

相邻行内元素在一行上，一行可以显示多个。
高度、宽度直接设置是无效的。
默认高度就是它本身内容的宽度。
行内元素只能容纳文本或其他行内元素。

行内块元素（inline-block)

常用行内元素:img、input、td

特点：

和相邻行内元素(行内块)在一行上，但之间会有空白缝隙。

一行可以显示多个
默认宽度就是它本身内容的宽度。
高度，行高，外边距以及内边距都可以控制。

 各种类型直接的转换：

display：inline;

display：block;

display:inline-block;