什么是 block 元素？
在 CSS 中，block 是 display 属性的一个常用值。
当一个 HTML 元素的 display 被设置为 block 时，
它会表现为“块级元素”：独占一行、可设置宽高、上下外边距有效。
常见 block 元素： <div>、<p>、<h1>–<h6>、<ul>、<li> 等。
block 元素的核心特性
- 默认占据父容器的全部宽度（即使内容很少）
- 前后自动换行（不会与其他 block 元素在同一行）
- 可以设置
width、height、padding、margin等盒模型属性 - 垂直方向的
margin不会塌陷（相邻 block 元素的上下 margin 会合并）
示例：block 与 inline 的区别
以下两个 span 默认是 inline 元素，无法设置宽高：
inline 元素1 inline 元素2
若将它们设为 display: block：
block 元素1
block 元素2
何时使用 block？
当你需要创建独立的布局区块、控制尺寸或实现垂直堆叠结构时，应使用 block 元素。 它是网页布局中最基础且最重要的显示类型之一。