在知乎上随便一艘,CSS难学,就会找到很多关于CSS为什么这么难学的提问?各种回答都有,但是我觉得在游戏中学习CSS是最好的,毕竟人的天性就是爱玩。以以 Flexbox 布局为例。弹性容器的属性justify-content可以有12 个不同的值,我们要怎么记住呢?在Flexbox Froggy这款游戏就可以很快学会并记住。

下面出现的8个游戏,请一定要好好利用,通过这8个游戏,你一定能精通CSS。

1. Flexbox Defense

我只是提到了这个游戏。它涵盖了 flex 属性align-itemsjustify-contentflex-directionalign-selforder12 个不同的级别。尤其是最后 4 个关卡真的很有趣而且有点棘手。