作为网页设计师，为了在预期的时间内能完成项目，前期肯定是要进行大量练习的。但是如果你花了大量的时间在编写CSS代码上，那无疑是浪费时间。工欲善其事必先利其器，聪明的设计师善于利用工具提升他们的编码效率，从而将更多的心思放在设计上。

下面为大家推荐的这8个CSS工具，有提供函数的，有提供类的，有提取代码的，还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章，或许你会找到意外的惊喜。

CSS Vocabulary为开发者提供了所有必需的函数，Rule sets, 语句块,类选择符、属性声明块,媒体查询表达式等等。

这款工具在开发人员当中也非常流行。CSShake提供可以删除DOM的类，还有最佳的类的集合，运用这些类你还可以改进你的编码。

extractCSS是一个在线工具，可以从HTML文档中提取ID、类和内联样式，并输出为CSS样式表。

这是Node . js库，收集CSS的统计数据。

Saass fffunction利用Sass 和 Compass可以快速启动你的响应式网页。

这是一个可以很方便的获取你的代码前缀的工具，只需要将你的CSS代码复制进去就可以得到代码前缀啦！

Sky CSS可以让你创建CSS类。

这个HTML-CSS菜单生成器可以帮你生成漂亮的菜单布局。