HTML块级、行级、行内块级标签各有什么特点？如何相互转换？

首先说明一下，标签也称为元素或者节点，这只是在HTML与JavaScript之中的同一样东西的不同称呼而已，请大家记住。

块级、行级、行内块级标签的特点

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

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

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

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

行内块级标签的特点（img、form）：

• 1.能设置宽与高
• 2.若父级宽度足够 ，也能与其他非块级标签并列在同一行。

块级、行级、行内块级标签的相互转换

块级、行级、行内块级标签之间可以用CSS属性“display”来相互转换。

• display:inline(转换为行级)
• display:block(转换为块级)
• display:inline-block(转换为行内块级)