html标签到css工具

Question

我正在做一些web-dev,设计师从photoshop切片和导出.生成的代码很可怕.我要做的第一件事就是从标签中取出所有内容并将它们放入css文件中.所以我想知道是否有一个工具可以自动化这个？

Answer 1

我会写我自己的脚本，在这里你可以得到一些灵感：

这是相反的，但如果你喜欢 Ruby，也许你可以研究代码：在 github 上搜索 premailer，它使用 Hpricot gem。

当然，如果不想花时间编码你可以使用tidy：

tidy -clean your-crap-inlined-file.html

如果 your-crap-inlined-file.html 包含：<p style="color:red;"> Some TEXT ...</p>

它将替换它插入类似这样的东西

<style type="text/css">
/*<![CDATA[*/
 p.c1 {color:red;}
/*]]>*/
</style>

在您的文件顶部，同时它将您的内联代码替换为：

<p class="c1">Some TEXT ...</p>