下面是十个可以使得你的CSS更加有趣，简单并且也许可以解决多数你所遇到的CSS问题的网站。
1. 像素的艺术
你可能也喜欢使用像素艺术来制作你的网页。我可以说你们90%都是把像素艺术加入到png文件，但是如果怎么把它转变成CSS呢？这就是Pixel Art to CSS这个网站存在的意义了，他可以帮你把画的像素艺术转变成CSS。
2. 梯度
CSS 梯度看起来很棒，但是它也非常难用。你必须找到正确的颜色，并且是很多行的颜色。还有很多兼容性的问题，因此你需要些很多CSS代码。针对这些问题，现在有一个网站称之为CSS Gradient。他可以帮你解决视觉颜色选择器和兼容性的问题。CSS Gradient还有一些其他的工具，比如
Gradient Backgrounds 和 Color Shades.
3. 兼容性
有很多CSS的标签不支持旧版本的浏览器或者新引入的浏览器。你必须看很多网页来决定是否主流的浏览器支持你所写的标签。现在有了CanIUse这个网站之后，你再也不用担心这个问题了。CanIUse这个网站会告诉你那个浏览器支持哪个标签。在News这个部分会告诉你这些浏览器支持的最新的标签。
4. 备忘单
也许你和我差不多，会经常忘了CSS标签。所以你也许已经下载过一个或多个CSS的备忘单。假如你搜索备忘单，会发现有上百个CSS备忘单。但是你会发现这其中最好的其实是Devhints。他是一个关于CSS,HTML,Python以及更多语言的备忘单。
5. 调色板
你是否发现找到一个符合你的项目的颜色是非常难的。所以你需要寻找一些线上的调色板，而这其中，我发现最好的就是Color Hunt，他非常易用，并且你可以把调色板简化为New，Trendy和Random
他是最简单的调色板选择器。
6. 统一码
你不可能记住这成千上万个统一码。为了解决这个问题，你可以使用Unicode Table。在Unicode Table中，有一个功能就是帮你找到符合的表情和统一码。当然你也可以发现一个很奇怪的统一码（比如这个□）
7. CSS验证器
你怎么才能知道，你在使用正确的CSS格式。你可以使用W3C CSS Validator来解决这个问题。W3C CSS Validator服务是由W3C创建的帮助网页开发者和设计者检查CSS的。
8. 旧版本浏览器的支持
你希望你的网页可以被大部分旧的和新的浏览器访问吗？那么Autoprefixer可以帮助你解决这个问题。他解析了你的CSS并使用从CanIUse中的值把供应商前缀加入到了CSS规则中。他是Google推荐的，并且被Twitter和淘宝使用。
9. 其他很好的工具
Bennett Feely开发了一个很棒的网站可以帮忙到新手和专家。这些网站中我比较喜欢的是可以生产圆锥曲线饼图的SS Pie Chart以及制作CSS剪辑路径的Clippy，使用混合模式获得复杂图形效果的Image Effect wit CSS和CSS渐变的 CSS Gradients。
10. 你可以在留言中建议的，我可以把它写成第10个甚至第20个。
更多原创，敬请关注微信公众号，每日更新业界最新资讯：
