display:block; display:inline-block; 有什么效果 lineheight有没有形象的讲解

Question

display:block;  display:inline-block;
有什么效果
lineheight有没有形象的讲解<style>
body{background:#E31F20;text-align:center;}
#pd{display:block;list-item:none;width:750px;margin:0;padding:0}
#pd li{float:left;display:inline-block;width:130px;height:167px;margin:0;padding:0 20px 20px 20px;font-size:13px;}
.lb{background:#F9DDDB;width:100px;height:24px;padding-top:5px;text-align:center;color:#900;font-size:12px;}
</style>
<ul id="pd">
    <li>
        <img src="http://hi.easypha-max.net.cn/sns/zu/img/new6.gif"><div class="lb">小麦草素</div>
    </li>
    <li>
        <img src="http://hi.easypha-max.net.cn/sns/zu/img/new6.gif"><div class="lb">小麦草素</div>
    </li>
    <li>
        <img src="http://hi.easypha-max.net.cn/sns/zu/img/new6.gif"><div class="lb">小麦草素</div>
    </li>
    <li>
        <img src="http://hi.easypha-max.net.cn/sns/zu/img/new6.gif"><div class="lb">小麦草素</div>
    </li>
    <li>
        <img src="http://hi.easypha-max.net.cn/sns/zu/img/new6.gif"><div class="lb">小麦草素</div>
    </li>
</ul>

Answer 1

参考
http://www.8tops.com/113_skill_554FBDA016EA43F491F50C1FC723964A.htm

Answer 2

http://wenda.tianya.cn/wenda/thread?tid=4eb52946693fb02f&clk=wttpcts

Answer 3

display:inline就是将元素显示为块级元素. 
display:inline就是将元素显示为行内元素.
display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。

Answer 4

可以当它不存在,因为有浏览器不认识dispay:inline

Answer 5

参见：
不给line-height加单位要成为一种习惯
inline-block解放了