2019年-06月-13日
0
HTML块级、行级、行内块级标签的特点说明
首先说明一下,标签也称为元素或者节点,请大家记住。
块级标签的特点(div、p、ul、li、h1-h6、ol等):
- 能设置宽与高
- 没设置宽与高时,默认宽度占父级元素的100%,默认高度则根据内容
行级标签的特点(a、span、strong、em、u等):
- 不能设置宽与高
- 默认宽度与高度都根据内容,若父级宽度足够,多个非块级标签能排在同一行
- 只能设置左右外边距,不能设置上下外边距
行内块级标签的特点(img、form):能设置宽与高, 若父级宽度足够 ,也能与其他非块级标签在同一行。
块级与行级元素相互转换。display:inline(转换为行级),block(转换为块级),inline-block(转换为行内块级),none(隐藏元素,包括其所占的位置也没了)