CSS元素显示模式转换

网页标签分为两种级别，一种是块级，一种是行级。

块级元素会单独占用网页的一行内容，比如div、ul、ol、p……，这类标签默认情况下宽度就是 body 的宽度。

行级元素就是行内元素，即不会单独占用一行，而是在行内公用空间，比如a、span……，行内元素没有宽高，也不可以设置宽高。

因为上面的两种级别在使用上都有不足，所以有了在结合了两种级别的新一级，行内块级。

行内块级元素实现的功能是，标签元素不会单独占用网页中的一行，而且又能够为其设置宽高。

利用CSS样式来实现元素显示模式转换

属性 display 的属性值为 block 时，即为 块级 元素。

属性 display 的属性值为 inline 时，即为 行级 元素。

当属性 display 的属性值为 inline-block 时，即为 行内块级 元素。