考察点：盒模型、布局基础、display 属性
这是 CSS 布局的基础，但在 HTML 层面也有默认行为。
块级元素 (Block-level)：
- 特点：独占一行，宽度默认撑满父容器，可以设置宽高、margin、padding。
- 常见标签：
div,p,h1-h6,ul,li,section,article。
行内元素 (Inline)：
- 特点：不独占一行，宽高由内容决定，设置宽高无效，垂直方向的 margin/padding 可能不影响布局（取决于具体实现和相邻元素），水平方向有效。
- 常见标签：
span,a,strong,em,img(注意：img 虽然是替换元素，但默认 display 是 inline-block 或 inline，行为特殊，通常视为行内块),label。
空元素 (Void Elements)：
- 特点：没有闭合标签，不能包含子节点。
- 常见标签：
br,hr,img,input,link,meta。
转换：
通过 CSS 的 display 属性可以改变其行为：
display: block转为块级。display: inline转为行内。display: inline-block转为行内块（既在一行显示，又能设置宽高，常用于图标、按钮布局）。