除了这里发布的答案，一定要阅读这篇文章:

http://24ways.org/2009/rock-solid-html-emails

关于HTML电子邮件，我最后总是回到CampaignMonitor的CSS指南。

由于他们的业务完全围绕电子邮件传递，所以他们比任何人都了解自己的业务

“胆小鬼。我将使用样式表制作一个HTML页面，然后使用jQuery将样式表应用到每个元素的样式attr。就像这样:

var styleAttributes = ['color','font-size']; // all the attributes you've applied in your stylesheet
for (i in styleAttributes) {
    $('body *').css(styleAttributes[i],function () {
        $(this).css(styleAttributes[i]);
    });
}

然后复制DOM并在电子邮件中使用它。

Campaign Monitor有一个很好的支持矩阵，详细说明在各种邮件客户端中支持什么，不支持什么。

您可以使用Litmus这样的服务来查看电子邮件如何在多个客户端之间出现，以及它们是否被过滤器捕获等等。

除了这里发布的答案，一定要阅读这篇文章:

http://24ways.org/2009/rock-solid-html-emails

邮件黑猩猩有一篇很好的文章，告诉你什么是不该做的。(我知道这听起来和你想要的完全相反)

http://kb.mailchimp.com/article/common-html-email-coding-mistakes

总的来说，你所学到的所有不好的网页设计实践似乎都是html电子邮件的唯一选择。

基本原则是:

为图像提供绝对路径(例如。 https://stackoverflow.com/random-image.png) 使用表格进行布局(从未想过 我建议这样做!) 使用内联样式(和老式css) 而且，最多2.1，盒影 不会工作，例如;))

只要在尽可能多的电子邮件客户端中进行测试，或者像上面其他人建议的那样使用Litmus !(credit to Jim)

编辑:

邮件黑猩猩做了一个伟大的工作，使这个工具可用的社区。

它应用你的CSS类到你的html元素内联为你!