CSS Diner

CSS Diner

flukeout.github.io · 验证于 Feb 21, 2026 · 无检查记录
打开工具

描述

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

无需登录的任务

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

标签

健康历史

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

仓库

flukeout/css-diner

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

相似工具

Desmos
Desmos desmos.com

以交互式 Web 应用形式实现的高级图形计算器。绘制函数、创建表格、添加滑块、制作动画图形,以可视化方式探索数学。

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

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

Python Tutor
Python Tutor pythontutor.com

逐步可视化代码执行过程。查看 Python、Java、C、C++ 和 JavaScript 的变量、调用栈和堆对象。

RegexLearn
RegexLearn regexlearn.com

带有逐步课程的交互式正则表达式教程。从基础模式到高级前瞻断言,系统学习正则表达式。