HTML标记到CSS工具

我会写我自己的剧本,在这里你可以得到一些灵感:

1. 如果您知道Perl,请访问perlmounds.org/index.pl?节点ID=292225
2. 如果您想尝试然后付费搜索“aggiorno extract merge inline style”
3. 对于jquery,看到这个漂亮的脚本nealgrosskopf.com/tech/thread.php吗?PID=63

这正好相反,但是如果你喜欢Ruby,你可以学习代码: 在Github上搜索预副翼,使用hpricot gem。

当然,如果不想花时间编码,可以使用 tidy :

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

如果您的-crap-inline-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>

HTML整理是一个很好的工具。它不能完全满足您的需要,但如果您使用生成的HTML,它可能是一个好的开始。 以下是联机实例: http://infohound.net/tidy/

那将是一个有趣的工具。

我想我的第一个问题是,photoshop制作的代码是语义的吗?有吗 <H1> 作为主题……和 <p> 段落等。

当提到CSS时……这样做绝对不会创建质量代码。不过,我觉得你不是一个真正的前端人员。这使得任何答案都更加困难。

最佳答案:手工编码。代码会更好。 下一个答案:手工编码出问题了吗?还有其他一些选择。

• 有些公司会把你的PSD变成语义CSS/HTML,24小时的工作周期。我怀疑代码是否很棒,但我相信它比你用photoshop做的更好。
• 你自己动手,就好像你一开始不想那样。D

一个好的教程是 here …但是,它基本上帮助您编写代码。