页面的设计千变万化，各种效果都有，单独的块状元素和内联元素已经满足不了放飞的设计需求啦

inline内联元素特点：无法设置高度宽度，左右两边值，而且不独占一行

block块状元素特点：可以设置高度宽度，左右两边的值，但独占一行

inline-block内联块状元素特点：既可以设置高度宽度，左右两边的值，又不独占一行

主要区别：

A.当block转化为inline后，元素就只具备inline内联式元素的属性，不具有块状元素特征；

即1.和其他元素在同一行，2.元素的高度、宽度、行高以及顶和底边距都不可设置。

B.当inline转化为block后，也只具备block块状元素的属性，不具有内联式元素特征；

即1.一个元素单独占一行，2.元素的高度、宽度、行高以及顶和底边距都可以设置。

C.inline-block内联块状元素，则具有块状、和内联各自一半的特点。

即：1.和其他元素在同一行，2.元素的高度、宽度、行高以及顶和底边距都可以设置。

inline-blcok 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，答应空格。