元素显示模式

三种类型

块级元素

特点：独立成行 可以设置宽高
常见：
*

行内元素

特点：同行显示 不可以设置宽高
常见：a、span、p、u、i、s、strong、ins、em、del...

行内块元素

特点：同行显示 可以设置宽高
常见：input、textarea、button、select...
特殊情况：img标签有行内块元素特点，但是Chrome调试工具中显示结果是inline

元素显示模式转换

目的：改变元素默认的显示特点，让元素符合布局要求
语法：

属性	效果	使用频率
display: block	转换成块级元素	较多
display: inline-block	转换成行内块元素	较多
display: inline	转换成行内元素	极少