潮南区周边事

军事新闻 主页 > 军事新闻 >
十一款游戏教你学会 CSS!_游戏频道_东方资讯
发布日期:2020-09-16 08:10   来源:未知   阅读:

作者:Channing Allen

我必须承认,我的记性不是很好。特别是我记不住CSS,例如Flexbox布局等。flex容器的属性justify-content可以有12种以上的不同值,其中许多可以与关键字safe或unsafe组合。详细说明可以参照这篇文章《CSS技巧:flexbox的完整指南》(https://css-tricks.com/snippets/css/a-guide-to-flexbox/),这个页面只有两列,高度却超过了2万像素,虽然文章题目表明这是一篇完整的指南,但实际上文中并没有覆盖到所有内容。

游戏地址:

网上有很多有助于学习CSS的游戏,本文 收集了一些非常实用的免费CSS游戏,希望这些游戏可以帮助你再次体验CSS的乐趣!

关注 “”

最近,我在偶然间发现了一款塔防式的flexbox教学游戏,这款游戏真的是……

作者 | Andreas Müller

Flexbox Froggy

译者 | 弯月,责编 | 郭芮

你没听错,事实证明,网上的确有很多有助于学习CSS的游戏。我收集了一些非常实用的免费CSS游戏,希望这些游戏也可以帮助你再次体验CSS的乐趣!

以下为译文:

代码库:https://github.com/channingallen/tower-defense

上述我提到的就是这款游戏。它涵盖了flex的属性align-items、justify-content、flex-direction、align-self和order,游戏本身总共有12关。特别是最后4关非常有趣,而且难度也很高。

等等,你说什么?

Flexbox Defense

这也是一款涉及Flexbox的游戏,它涵盖的flex属性更多:align-items、justify-content、align-content、flex-direction、align-self、flex-wrap和flex-flow,而且游戏总共有24关,如果你打通关了,别忘了告诉我啊。

Power by DedeCms