项目开源仓库：https://github.com/liyupi/code-nav
大家好，我是小编 MADE 。今天又找到了一款编程网站为大家枯燥的猿生活增添色彩—CSSBattle 。CSSBattle 是一个使用 HTML 和 CSS 来实现目标图案，并实时预览和对比符合程度的网站。具有很高的趣味性和游戏性。让我们一起康康吧~
在线对战平台
CSSBattle 的使用方法非常简单：必须使用尽可能少的代码行来复制HTML / CSS中的图像。你有一个文本编辑器，该平台将在专用空间中显示实时渲染。一旦渲染与原始图像匹配，就可以提交代码。行数最少的开发人员是该平台的大赢家。每个人的分数会积累起来，和本期以及本站所有人进行排名，也就是说你可以看到自己是全球第几。并且也可以查看当前题目的解决方案。网站每个月都会新增一期针对于某主题的、数量不定的前端 CSS 题目供网友 battle。
该网站评判的标准有两点：
(1): 最终的呈现出来的图片是否和目标图片一摸一样（pixel to pixel ）。
(2): 最后完成的代码量尽量少。相似度 99 % 比 100 % 的得分要少很多，所以要在精妙的策略里精简代码。
自定义战斗
在 CSSBattle 中玩家不仅可以挑战网站内现有的一些战斗，并且玩家也可以自定义战斗，为自己创造一个独一无二的题目供世界各地的人来挑战。
上传你自己的目标，设置题目的持续时间，拥有属于自己的独立排行榜。每场战斗都会运行一定的天数/周数，一旦完成，战斗排行榜就会被锁定，获胜者将被加冕！
在 编程导航 还有更多优质编程学习资源，欢迎分享给其他同学吧！
