块级，行内（内联）对比笔记

块级元素:

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