Block变形

1. 默认 block 元素

如 <div>、<p> 等，默认独占一行，宽度撑满父容器。

2. 变形为 inline-block

保留块级特性（可设宽高），但允许同行排列。

3. 变形为 flex 容器

将 block 元素设为 display: flex，实现弹性布局。

4. 变形为 grid 容器

使用 display: grid 创建二维网格布局。