Html标签元素的分类

块级元素

定义：在html中div、 p、hn、form、ul 和 li就是块级元素

特点:
1、一个块级元素独占一行
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度

行内元素

定义： 在html中a、span、br、i、em、strong、label等等属于行内元素

特点：
1、和其他元素都在一行上；
2、元素的高度、宽度、行高及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

行内块元素

定义： html 中img、input标签就是这种行内块元素

特点：
1、行内块元素（inline-block）就是同时具备行内元素、块级元素的特点。
2、可以设置宽度和高度
3、行内块元素在一行上显示。

显示模式相互转化

1、display:block; 标签按照块级元素的方式显示

2、display:inline-block 标签按照行内块的方式显示

3、display: inline 标签按照行内元素的方式显示