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
4、display属性值
block:块级元素
inline:内联元素
inline-block:内联块元素