Block: 块级元素，每个块级元素都从新的一行开始，并且其后的元素也另起一行，能设置宽高，margin和padding在水平垂直方向都有效。 Inline： 和其他元素都在一行上,设置宽高无效，margin在竖直方向上无效，padding在水平方向垂直方向都有效

Inline-block： 内联块状元素,同时具备内联元素、块状元素的特点,和其他元素都在一行上；能设置宽度高度，margin和padding水平垂直方向都有效，

为什么img是inline还可以设置宽高? 典型的可替换元素有： <iframe><video><img> 可替换元素拥有内置宽高，他们可以设置width和height。他们的性质同设置了display:inline-block的元素一致