这一切都用英语,但网站"CSS战斗"是打开的一天。
顾名思义,它是关于使用CSS与其他用户战斗。
玩一点很有趣,所以我想介绍这次如何打CSS战斗。
如果你有时间在设计师和编码器,为什么不和他们玩呢?
如何玩CSS战斗?
游戏的目的是用尽可能少的代码(HTML和CSS)来表示给定的目标图像。
它是一个图像,通过编写一个小代码来显示分数,同时表示图像 100 的内容,并与其他用户竞争。
截至 2019 年 4 月,共有 12 个目标可用,每个目标有 12 个总体排名和两个排名。
如何使用CSS战斗
如何使用非常简单。
首次过渡到网站 TOP 时,系统将要求您使用 GitHub 帐户、Twitter 帐户和 Google 帐户登录,以便您可以使用您喜爱的帐户登录。
然后屏幕上有 12 个目标,因此您可以选择您最喜爱的目标。
下一个屏幕显示编辑器在左侧编写代码,输出屏幕显示您在编辑器中写入的内容,以及右侧的目标图像。
比那容易多了
只需编写代码,将目标图像与编辑器匹配。
完成后,按屏幕底部的"提交"以查看自己的分数。
我试着做课程1,但结果是…
目前,课程1的最高分似乎是834.56分。
我怎么会这样呢?
CSS 战斗摘要
你可以一边学习一边玩得很开心,这很好。
如果你对一切感兴趣,请试一次。
参考 CSSBattleCSSBattle