大多数 HTML 元素被定义为块级元素或内敛元素。

　　块级标签：会独占一行，无论内容多少

　　内敛标签：根据内容多少占用空间大小

举例：

　　块级：p、h1-h6、div、ul、li、ol、dl等

　　内敛：span、img、i、b、a、em、icon（矢量标签)等

二者的区别

　　块级

　　　　1、块级元素会独占一行

　　　　2、块级标签可以设置宽高

　　内敛

　　　　1、内敛不会独占一行

　　　　2、内敛不可以设置宽高

　　　　3、内敛元素的margin上下边距不起作用

（注：相邻两个块级元素同时设置margin时，他们之间的外边距不会叠加，会取最大值 。这种现象叫margin塌陷）

二者转换

　　块级转行级

　　　　给块级元素添加属性display：inline；（display 显示，inline 行） 

　　行级转块级

　　　　给行级元素添加属性display：block；(block 块）

　　行级块元素

　　　　给需要的元素添加属性display：inline-block；

（备注：line-height  行高    设置字体的垂直位置         line-height的值和height的值相同   文本就上下居中）