之前在知乎看到一个很有意思的讨论 一行代码可以做什么？
那么，一行 CSS 代码又能不能搞点事情呢？
CSS Battle
首先，这让我想到了，年初的时候沉迷的一个网站 CSS Battle 。这个网站是核心玩法就是：
官方给出一张图形，在给定的 400 x 300 的画布上，能够用越短的代码实现它，分数就越高。
注意是，完全一模一样还原。
其中，第一题就非常有趣，看看题目：
嗯，想一想，如果给定这样一张图形，告诉你 HTML 的大小是 400px x 300px，图片中使用到的颜色是 #5D3A3A, #B5E0BA，你会怎么用 CSS 去实现它呢？
因为要求，字符数越少，分数越高，当然是选字符少的标签，是不是这样：
<p> <style> body{background:#5D3A3A;} p {width: 200px;height:200px;background:#B5E0BA;} </style>