HTML中块状,内联内联块元素区分

html的元素可分为三种:块状,行内,内联块

1、块状元素
特点:
1)一个块级元素独占一行
2)元素的高度,宽度,行高以及顶部和底部边距都可以设置
3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)除非设定一个宽度
如:div,h标签,p,form,ul,li


2、内联元素(行内元素
特点:
1)和其他元素都在一行上
2)元素的高度、宽度以及顶部和底部边距不可以设置
3)元素的宽度就是它包含的文字或图片的宽度,不可改变
如:span,a,i,em,strong


3、内联块元素
就是同时具备内联元素和块元素的特点
1)和其他元素都在一行上
2)元素的高度,宽度,行高以及顶部和底部边距都可以设置
如:img,input


4display属性值
block:块级元素
inline:内联元素
inline-block:内联块元素


猜你喜欢

转载自www.cnblogs.com/chen-wei123/p/12527163.html