行内元素、块级元素和空元素

在HTML中，元素根据其布局特性可以分为：
行内元素、块级元素、空元素

---

1. 行内元素

• 定义：不单独占一行，与相邻行内元素在同一行排列的元素
• 特征：宽度由内容决定，不能直接设置宽度和高度
• 默认样式：dispaly: inline
• 常见元素:<span> <a> <em> <strong> <b>等元素

2. 块级元素

• 定义：单独占据一行的元素
• 特征：宽度默认为父容器的100%，可以直接设置宽高
• 默认样式：display: block
• 常见元素：<div> <p> <ul> <table> <form>等元素

3.空元素

• 定义：没有实际内容的元素
• 常见元素：<br>（换行符） <hr>（水平线）

---

元素类的转换：可以通过CSS中的display属性对其进行转换

• 块级转行内：display: inline
• 行内转块级：display: block
• 兼具两者特性：display: inline-block