html - 如何将 css 应用于 html 以使其显示为样式属性

Question

我想编写一个发送 html 格式电子邮件的应用程序。我有我想要的 css 和 html 文件。我正在尝试使用 style 元素发送带有嵌入式 css 的电子邮件，如下所示:

<style type="text/css">
h1 {border-width: 1; border: solid; text-align: center}
</style>

<h1>Title</h1>
<p>Content of the email</p>

它适用于某些客户端(例如它适用于 Mac OSX 邮件应用程序)而不适用于其他客户端(例如在 gmail 中阅读电子邮件时不起作用)。当我将以上内容翻译成:

<h1 style="border-width: 1; border: solid; text-align: center">Title</h1>
<p>Content of the email</p>

然后它无处不在。我正在寻找的是一种根据我定义的 css 规则将 css 作为 style 属性放置在它们相应的 dom 元素上的方法。所以对于给定的 file.css 和 file.html 我想创建一个新文件 result.html 正确显示但其中所有css 作为 style 属性嵌入到 dom 元素中。有什么想法吗？

Answer 1

这就是您要找的:

http://www.mailchimp.com/labs/inlinecss.php

希望这对您有所帮助!