探索 Flexbox 中的 Align-Items 属性

# 介绍

在本实验中，你将探索 Flexbox 中的 `align-items` 属性，这是一种强大的 CSS 布局技术，用于控制容器内 flex 项目的垂直对齐方式。通过一系列动手练习，你将学习如何使用不同的对齐值（如 `stretch`、`flex-start`、`flex-end`、`center` 和 `baseline`）来操作 flex 项目。

实验将引导你创建 HTML 结构，应用各种对齐策略，并理解 `align-items` 属性如何影响 flex 容器的布局。通过实践示例，你将深入了解如何有效地控制响应式网页设计中元素的定位和大小。