块级元素
定义:在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 标签按照行内元素的方式显示