1. 盒子模型的幻灯片 通过3d转换效果产生的互动的幻灯片。按向左或向右箭头键切换，全屏观看会有更好的效果。
2. css diner 通过一个简单的小游戏让你学习css selector，输入正确的selector来完成每一关。你也可以通过菜单来选关。
3. css selectors 交互 这是一个简单可视化css选择器。选择左边菜单中的选择器,选择的条目就会出现在右边。
4. 前端web开发考查 css 属性有大小写之分吗？
5. the magic of css 这里有6个章节的css教程，更深入的教程会慢慢开放。
6. enjoy css 一个学习css的圣地，它专注于css。
6
7. css guidelines harry roberts 已经更新了他的开放资源。之前只是github上的一个库，现在已经有了自己的域名，并且优化并更新了很多资源。
8. css triggers… chrome开发者paul lewis创造了一个页面解析参考,当给定的css属性变更时它会发挥自己的作用。例如,一些属性将触发重绘和合成,但不会引发布局。我们可以很容易地通过css triggers来发现这些变化。
9. mdo贡献的代码指南 bootstrap’s的mark otto 整理了他自己风格的html和css指南，这些建议包括属性的顺序，顺序的html属性选择器等等。
10. flexplorer 这是一个简单的应用，用来来摆弄各种flexbox特性并查看出现在页面上的实时的完整代码。它有一个很酷的特性，你还可以通过它来编辑页面上的文本框，允许您看到这些变化是如何影响其它内容的。
11. css selectors: targeting html like a pro russ weakley的新课程，是sitepoint的姐妹网站,这里有超过20个视频介绍的css的selector元素。这不仅仅是一个简约的插件，而且作业是一个真正的css专家。所以如果你刚刚开始用css和还没掌握选择器,这可能是一个不错的选择。
总结 不管你的css水平如何，我可以保证这些东西肯定能帮到你，如果你手上有正在进行的相关项目，或是其它不错的资源可以拿出来和大家一起分享。 
极客标签 - 专业和精准的分享，关注你感兴趣的极客，社区提供超棒的精品教程，互动授课
了解前端技术，请访问极客互动课程库和代码录播
阅读原文：11个实用的css学习工具