一、inline（行内元素）：可以与其他行内元素共享一行，不独占一行；不可以改变元素的height和weight，大小由内容撑开；可以使用padding上下左右，margin只能使用left和right；
二、block（块级元素）：独占一行，不设置宽度情况下默认填满父元素宽度；height和width可改变；可设置padding和margin的各个属性值；
三、inline-block（内联块级元素）：不独占一行，能够与同级元素共享一行，可以常用在标签栏的图标+标签（或者标题）通常还会搭配vertical-align去使用，比float布局更加看起来舒适。
参考的文章：https://zhuanlan.zhihu.com/p/94441197