一、HTML元素分类
- 行内元素（内联元素）
常见标签： 、 、 、 、
核心特点：不独占一行，宽高由内容/元素本身决定，无法直接设置宽高、上下外边距，仅能设置左右外边距/内边距
- 块级元素
常见标签：
、 、
、
、
、核心特点：独占一行，默认宽度100%，可自由设置宽高、内外边距
- 空元素（单标签元素）
常见标签：
、
核心特点：没有闭合标签，仅用于功能实现，无内容填充
二、元素类型转换（CSS display属性）
- display: block
作用：将元素转为块级元素
效果：独占一行，可自由设置宽高、内外边距
- display: inline-block
作用：将元素转为行内块元素
效果：和相邻行内元素在同一行（中间默认有空白间隙），同时支持设置宽高、内外边距
- display: inline
作用：将元素转为行内元素
效果：不独占一行，宽高由内容决定，无法设置宽高、上下内外边距