1

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

我发现这个页面详细说明了各种电子邮件客户端最支持哪些 CSS 样式。我知道这些将作为内联样式工作。但是我想把它们放在电子邮件的头部,因为它会更干净一些,我也可以这样做吗?它会得到很好的支持吗?例如

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

非常感谢!

4

4 回答 4

4

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

诸如premailer之类的工具可以为您内联样式,但可以帮助减轻很多麻烦。

CampaignMonitor 提供了一个很好的CSS 支持列表。

于 2012-03-12T04:29:23.273 回答
3

在电子邮件通讯中使用 CSS 和 HTML http://groundwire.org中的一篇文章将对您有所帮助..

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

于 2012-03-12T04:20:59.547 回答
3

我推荐htmlemailboilerplate

于 2012-03-12T04:25:03.960 回答
1

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

表 - 是的!透明PNG - Nooooooooooo。

值得庆幸的是,有很多工具可以帮助构建适用于大多数电子邮件客户端的电子邮件模板。MailChimp 的电子邮件蓝图项目有很多模板可供您开始使用。

您可以在开发时使用 CSS 样式(MailChimp 模板就是这样做的)。但在发送电子邮件之前,您需要通过 HTML Inliner 工具运行它,以将所有 CSS 样式内联。如果您使用他们的服务,MailChimp 会自动执行此操作。或者Premailer也很好用。

于 2012-07-04T15:59:15.383 回答