| 设计尸和程序猿都知道，CSS 写格式有多好看，写代码的过程就多痛苦。其实这不仅适用于 CSS：抓虫子简直是对身体和心灵的双重打击，即使多次投喂也无法弥补受伤的心灵。
深深理解前端童鞋的辛苦，CSS Hat 表示，我可以帮你减轻痛苦，所以「忘了手动 coding 吧」。只要你任选 PhotoShop 中设计稿的某一图层，CSS Hat 就会把其样式精确地转换成 CSS 代码。
听起来很神奇，不过 CSS Hat 确实能够大大节约你耗费在 coding 上的时间。只要选定图层就能即时得到代码，图层填充、边框、阴影什么的细节都打包提供给你。CSS Hat 还具备多图层功能，即用户可以同时选中多个图层，它会分别提供每层的代码，省去了逐个选择的时间。
字体、字重等细节在设计中都超级重要，CSS Hat 在这一点上可谓是贴心小帮手，它甚至可以导出一个图层中的多种字体样式。而且，不仅是 CSS，你还可以选择导出为 Less、Sass、Stylus 等其他程序语言。 |
