Question

我必须使用基本的HTML和CSS构建一些电子邮件模板。

我找到this page详细说明了各种电子邮件客户端最支持的CSS样式。我知道这些将作为内联样式。但是我想把它们放在电子邮件的头部，因为它会更清洁一点，我能做到这一点并得到很好的支持吗？ E.g。

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
           /* CSS goes here */
        </style>
    </head>
    <body>
        Email goes here
    </body>
</html>

非常感谢！

Answer 1

不幸的是，为了获得最佳兼容性，答案是肯定的，您需要内联您的样式。您还必须使用表格进行标记。

premailer之类的工具，可以帮助你减轻很多麻烦。

CampaignMonitor提供了CSS support的完整列表。

Answer 2

我建议htmlemailboilerplate

Answer 3

在电子邮件简报中使用CSS和HTML，http://groundwire.org中的帖子可以帮助您..

http://groundwire.org/labs/email-publishing/using-css-and-html-in-email-newsletters

Answer 4

要与最广泛的电子邮件客户端兼容，您需要使用内联样式。在1995年开发电子邮件模板时，我总是像网络程序员一样思考。

表 - 是的！透明的PNG - Nooooooooooo。

值得庆幸的是，有很多工具可以帮助构建适用于大多数电子邮件客户端的电子邮件模板。 MailChimp's Email Blueprints项目有很多模板可以开始。

您可以在开发过程中使用CSS样式（MailChimp模板执行此操作）。但在发送电子邮件之前，您需要通过HTML Inliner工具运行它以将所有CSS样式内联。如果您使用他们的服务，MailChimp会自动执行此操作。或Premailer也很有效。

构建HTML电子邮件，我可以在标题部分放置样式还是必须使用内联样式？

4 个答案: