总结区别

	是否独占一行	width、height	padding、margin	默认宽高
块级元素	是	有效	有效	撑满父元素
行内元素	否	无效	padding有效；margin水平方向有效，竖直方向无效	随内部元素的内容变化
行内块级元素	否	有效	有效	随内部元素的内容变化

行内元素

不会自动进行换行；元素的宽高不可设置；内边距可以设置、外边距水平方向有效，竖直方向无效；元素宽度在不设置的情况下，随内部元素的内容变化。

常见行内元素：span , a ,strong ,b ,em , i , big ,small ,label

块级元素

独占一行；元素的宽高、以及内外边距都可设置；元素宽度在不设置的情况下，是它本身父容器的100%。

常见块级元素：

div , h1---h6 , p , ul , ol , dl , table , form

置换元素

一个 内容 不受CSS视觉格式化模型控制，CSS渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高比）的元素，被称之为置换元素。

参考：http://caibaojian.com/inline-vs-block.html (opens new window)

非置换元素

w3c并没有给出明确的非置换元素的解释，但能确定的是除置换元素之外，所有的元素都是非置换元素。