块级元素:
div, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl，pre，form, table等
行内元素:
span, td, tr, a, img, input, label, select，textarea等
对比如下:
1.块级元素独占一行，宽度充满其父元素
行内元素不会独占一行，相邻的行内元素会排列在一起，宽度随内容的变化而变化
2.块级元素可以设置width，height属性，而且即使设置宽度，依旧独占一行
行内元素设置width，height无效！
3.块级元素设置margin-top，margon-right，margin-bottom，margin-left均有效
一般情况下，行内元素设置margin-top，margin-bottom无效，margin-left, margin-right有效(上下无效，左右有效)
有些行内元素实际上属于inline-block，比如input，textarea，img，对于它们，margin四个方向均有用！！！！
详情: http://www.cnblogs.com/greenal/archive/2013/01/05/2845513.html