CSS Diner

CSS Diner

flukeout.github.io · 验证于 Feb 21, 2026 · 在线· 1d ago
打开工具

描述

通过晚餐主题游戏学习 CSS 选择器。完成 32 关卡,从基础选择器到高级伪类。

无需登录的任务

"通过游戏学习 CSS 选择器"

标签

健康历史

14 天前 → 今天 · 在线率:100%

仓库

flukeout/css-diner

★ 2.9k ·Ⓟ 362 · CSS · MPL-2.0 · 更新于 18d ago

相似工具

WolframAlpha
WolframAlpha wolframalpha.com

通过计算结构化数据来回答事实性问题的计算知识引擎。覆盖数学、科学、地理、历史等众多领域。

GeoGebra
GeoGebra geogebra.org

适用于各级教育的免费动态数学软件。在一个交互式工具中整合几何、代数、电子表格、图形、统计和微积分。

Flexbox Froggy
Flexbox Froggy flexboxfroggy.com

通过有趣的青蛙主题游戏学习 CSS Flexbox。完成 24 关卡,掌握 justify-content 和 align-items 等 flexbox 属性。

CSS Grid Garden
CSS Grid Garden cssgridgarden.com

通过打理虚拟花园学习 CSS Grid 布局。通过 28 个逐渐升级的关卡浇灌你的胡萝卜。

VisuAlgo
VisuAlgo visualgo.net

数据结构和算法的动画可视化。以自己的节奏逐步了解排序、图遍历、树操作等。

SQL Murder Mystery
SQL Murder Mystery mystery.knightlab.com

通过解决谋杀悬案来学习 SQL。使用 SELECT、JOIN、WHERE 等查询数据库,找出凶手。