display：block 和 display：inline-block 有什么不同？？
block块状元素要另起一行，长高间距可自行设置，inline-bloc内联联块状都在一行，长高间距也可以自行设置，他们不设置的情况下是它父容器的·100%
display:block 就是将元素显示为块级元素，总是在新行上开始，高度、行高以及顶和底边距都可控制，宽度缺省是它的容器的100%，除非设定一个宽度。
display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性。
block块状元素要另起一行，长高间距可自行设置，inline-bloc内联联块状都在一行，长高间距也可以自行设置，他们不设置的情况下是它父容器的·100%
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>流动模式下的内联元素</title>
<style type="text/css">
span{
display:block;
width:100px;
height:200px;
}
</style>
</head>
<body>
<a href="http://www.imooc.com">www.imooc.com</a><span>强调</span><em>重点</em>
<strong>强调</strong>
</body>
</html>
我用block写出来宽度和高度都变，用inline-block只变宽度，不变高度，为什么？？
display:inline 转化成内联元素，不换行；display:block转换成块元素，换行；
block是另起一行的块状元素；inline-block不是另一起一行的，文字的高度和宽度就是他的高度和宽度。