Amazonサイバーマンデー開催中!12/9まで!

"CSS之战"很有趣使用您的CSS技能获得高分![研究 css]

这一切都用英语,但网站"CSS战斗"是打开的一天。
顾名思义,它是关于使用CSS与其他用户战斗。

玩一点很有趣,所以我想介绍这次如何打CSS战斗。
如果你有时间在设计师和编码器,为什么不和他们玩呢?

参考 CSSBattleCSSBattle

如何玩CSS战斗?

游戏的目的是用尽可能少的代码(HTML和CSS)来表示给定的目标图像。

它是一个图像,通过编写一个小代码来显示分数,同时表示图像 100 的内容,并与其他用户竞争。

截至 2019 年 4 月,共有 12 个目标可用,每个目标有 12 个总体排名和两个排名。


如何使用CSS战斗

如何使用非常简单。

首次过渡到网站 TOP 时,系统将要求您使用 GitHub 帐户、Twitter 帐户和 Google 帐户登录,以便您可以使用您喜爱的帐户登录。

然后屏幕上有 12 个目标,因此您可以选择您最喜爱的目标。

下一个屏幕显示编辑器在左侧编写代码,输出屏幕显示您在编辑器中写入的内容,以及右侧的目标图像。

比那容易多了
只需编写代码,将目标图像与编辑器匹配。

完成后,按屏幕底部的"提交"以查看自己的分数。

我试着做课程1,但结果是…
目前,课程1的最高分似乎是834.56分。

我怎么会这样呢?


CSS 战斗摘要

你可以一边学习一边玩得很开心,这很好。

如果你对一切感兴趣,请试一次。

参考 CSSBattleCSSBattle