HTML块级、行级、行内块级标签的特点说明

首先说明一下，标签也称为元素或者节点，请大家记住。

块级标签的特点（div、p、ul、li、h1-h6、ol等）：

1. 能设置宽与高
2. 没设置宽与高时，默认宽度占父级元素的100%，默认高度则根据内容

行级标签的特点（a、span、strong、em、u等）：

1. 不能设置宽与高
2. 默认宽度与高度都根据内容，若父级宽度足够，多个非块级标签能排在同一行
3. 只能设置左右外边距，不能设置上下外边距

行内块级标签的特点（img、form）：能设置宽与高， 若父级宽度足够 ，也能与其他非块级标签在同一行。

块级与行级元素相互转换。display：inline(转换为行级)，block(转换为块级)，inline-block(转换为行内块级)，none(隐藏元素，包括其所占的位置也没了)