五款游戏教你学会 CSS！

您是否还记得童年时代，您曾经花一整天甚至有时不吃饭来玩任天堂游戏（比如马里奥（Mario）和魂斗罗（Contra）的日子！！！

有什么适合您的编程游戏？

好的，如上所述，游戏本身已经成为一个广阔的领域–您需要了解，现在游戏不再只是一种爱好（是的，您没听错）。从程序员的角度来看，网络上有很多编码游戏，您可以使用这些游戏平台以更有趣的方式学习和提高您的编程技能。您可以在学习过程中的乐趣时利用这些编码游戏，通过同时练习编码技能来恢复精力。

在这里，在本文中，我们已经找到了一些有价值的编码游戏，它们肯定会帮助您提高编程技能：

1、Flexbox Defense

它涵盖了flex的属性align-items、justify-content、flex-direction、align-self和order等等，游戏本身总共有12关。特别是最后的4关非常的有意思，而且难度系数也非常高。

2、Roadmap

你需要一定的技巧和速度才能打通关这款游戏，游戏本身是只用CSS和HTML制作的。它并非直接地讲解了CSS，而且通过研究源代码学习了很多有关clip-path、transform和带有@keyframes的动画知识！请在下方留言，告诉我们你总共尝试了几次才通关，我试了8次！

3、Flexbox Froggy

这也是一款涉及Flexbox的游戏，它涵盖的flex属性更多：align-items、justify-content、align-content、flex-direction、align-self、flex-wrap和flex-flow，而且游戏总共有24关，打通关后你就可以自诩为CSS选择器专家。

4、CSS Diner

这是一款有关各种CSS选择器的小游戏，总共有32关。

5、Carnival

你需要在8秒内击中所有目标！这是一款很不错的CSS小游戏，使用了复选框和CSS动画。