web前端：10个好玩的新游戏来学习CSS

学透CSS可能是一个并不大的过峡口斩将。但从未啥上到，只能多练多写。不过还是有一些引人入胜的法则来研读的，就是通过该游戏。本文将重点介绍十种你可以边玩边研读CSS的宝贝该游戏。

1、Flexboxfroggy

URL：

《Flexboxfroggy》这是一个非常引人入胜该游戏，主要用来研读flex整体设计。它有24个级别，重复性逐渐随之而来。我们可以用于flex相峡口的属性将猴子放到无论如何的方位，需第一峡口。

2、Flexboxdefense

URL：

《Flexboxdefense》也是一个研读flex整体设计的该游戏，在这个该游戏中会，我们必须通过flex整体设计，将军营移到无论如何的方位，以保卫一条道路不被炮击。它有12个级别，重复性逐渐随之而来，考察flex的程序来也深。

3、KnightsoftheFlexboxTable

URL：

也是一个研读flex整体设计的该游戏，不过它是运用于TailwindCSS艺术风格，如果你爱好用TailwindCSS，那么这个该游戏适合你，它有18个级别，重复性逐渐随之而来，考察flex的程序来也深。

4、FlexBoxadventure

URL：

《FlexBoxadventure》也是一个研读flex整体设计的该游戏。它有24峡口，除了艺术风格不同外，还有一个比较人性化的体会，就是有提示，如果我们想不出谜题，可通过提示，找到我们想要的无论如何谜题。

5、Flexboxzombies

URL：

《Flexboxzombies》也是一个研读flex整体设计的该游戏。这款该游戏的画面另设得超级好!我被这个桥段的酷炫高度给震惊了。

6、Gridgarden

URL：

《Gridgarden》是研读CSS一维的一种超级引人入胜的方式。我们必须用于一维整体设计来确保所有的胡萝卜取得水才能第一峡口。它有28个峡口卡，可以练习大量的CSS一维附加!

7、Gridattack

URL：

这款该游戏是由《Flexboxadventure》的同一个所写开发的，该游戏体会也非常的好。

在该游戏中会，我们必须用于CSS一维来转变用地，使女巫无法生存。它有80个峡口卡，让我们可以可选择超级引人入胜的方式研读CSS一维。

8、CSSDiner

URL：

CSSDiner是一个研读CSS可冗余的该游戏。通过墨迹目，我们能够所写具体的css可冗余来可选择煮食原则上的物件都无第一峡口。当我们选入物件时，则会出现引人入胜的动画特效，来增加我们的该游戏体会。

9、GuessCSS

URL：

这个该游戏与CSSDiner非常相似，给出一个画面，然后提供3上附加，我们根据已有的基本知识在脑海中会里构造我们的谜题，然后从3个附加，可选择一个我们认为的无论如何谜题需第一峡口。

10、CSSSpeedrun

URL：

在这个该游戏中会，我们要根据箭头的标志，然后所写相同的CSS可冗余，这里有墨迹目的计时器，我们必须尽可能快速收尾它，对那些爱好在该游戏中会增加重复性的Ubuntu来说是一个很大的过峡口斩将。。

这个该游戏有十个级别，你的以多玩几次，以提你二阶墨迹速度。我在第三墨迹就卡住了，大家道怎么二阶吗？