块级元素
块级元素 display：bolck/table
特点是：不论内容的长度页面是独占一行
div h1 hx p ul li table form
行内元素
display:inline/linline-block
特点：不会独占一行，紧密排列到没有足够的空间才会换行
span strong label a img input select textarea iframe
使用display属性能够任意转换
display:block
特点：
- 默认从上到下排列
div
display:inline
特点：
- padding有效，margin左右有效上下无效，width height无效
- 不能自动换行
span
display:inline-block
input img button textarea label
特点：
- padding margin width height有效, 默认宽度是内容本身的宽度
- 不能自动换行
- 默认从左到右排列 (但是之间会有空白缝隙--HTML 中的换行符、空格符、制表符等合并为空白符，字体大小不为 0 的情况下，空白符自然占据一定的宽度，使用inline-block 会产生了元素间的空隙)
一般是块级元素包含某些行内元素+某些块级元素，行内元素不能嵌套块级元素。 特殊： 几个特殊的块级元素只能包含行内元素：h1-6、 p、 dt。（渲染时会截断）
----未完待续
