元素显示模式

1.1块级元素

显示特点：

1.独占一行（一行只能显示一个）

2.宽度默认是父元素的宽度，高度默认由内容撑开

3.可以设置宽高

代表标签：

div、p、h系列、ul、li、dl、dt、dd、form、header、nav、footer…

2.1行内元素

显示特点：

1.一行可以显示多个

2.宽度和高度默认由内容撑开

3.不可以设置宽高

代表标签：

a、span、b、u、i、s、strong、ins、em、del…

3.1行内块元素

显示特点：

1.一行可以显示多个

2.可以设置宽高

代表标签：

1.input、textarea、button、select…

特殊情况：img标签有行内块元素特点，但是Chrome调试工具中显示结果是inline

4.1元素显示模式转换

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

语法：