◀ 返回大厅 👑 最终试炼

建造所罗门的圣殿

"你要谨慎，因为耶和华拣选你建造殿宇作为圣所。你当刚强去行。" (代上 28:10)

任务简报
🤴
King Solomon (所罗门王):
我的父亲大卫已经为你准备好了材料（HTML & CSS 基础）。
现在，你需要运用智慧，将它们组合成一个宏伟的殿宇（网页）。
这个殿宇必须能容纳万民（响应式），并有完美的秩序（布局）。

项目需求 (Requirements)

  • ☑ 导航栏 (Navigation): 使用 Flexbox，在手机上折叠，在桌面上展开。
  • ☑ 英雄区 (Hero Section): 全屏背景图，文字居中，有 "Call to Action" 按钮。
  • ☑ 圣所结构 (Grid Layout): 使用 CSS Grid 展示 "十二支派" (图片画廊或卡片)。
  • ☑ 响应式 (Responsive): 至少适配 Mobile (320px) 和 Desktop (1024px)。
  • ☑ 动画 (Animation): 鼠标悬停时，卡片要有上浮或发光效果。
  • ☑ 页脚 (Footer): 包含版权信息和社交链接。
建议步骤
1

地基 (HTML)

先写好语义化的 HTML 结构。
header, nav, main, section, footer。

2

立柱 (Grid/Flex)

先做大布局。确定哪里是网格，哪里是弹性盒子。

3

装饰 (Style)

添加颜色、字体、阴影、圆角。让它看起来金碧辉煌。

4

适应 (Responsive)

缩小浏览器窗口。如果乱了，添加 Media Query 修复它。

准备好了吗？

创建一个新的文件夹 my-temple，新建 index.html 和 style.css。

(这不是考试，这是创造。去享受它吧！)

回到大厅复习