是否可以在邮件程序模板中使用CSS类？

Question

我正在使用Ruby on Rails 3.1.0，我想知道是否可以在邮件程序模板中使用CSS类（.html.erb）。目前，为了设置电子邮件的样式，我使用的HTML代码如下：

<div style="margin: 4px 0 12px;">
  <span style="font-size: 14px;">
    ...
  </span>
</div>

那么，是否可以在邮件程序模板中使用CSS类？如果是这样， 和 我应该如何陈述和使用这些类？

Answer 1

类似1995年的代码，因为电子邮件客户端（特别是Outlook 2007，Gmail，Hotmail）支持一组非常有限的HTML元素和CSS属性。使用表格，内联样式，演示元素（即<b>代替font-weight:bold）。

有关电子邮件编码的有用链接：

• http://www.sitepoint.com/code-html-email-newsletters/
• http://kb.mailchimp.com/article/how-to-code-html-emails
• http://www.campaignmonitor.com/css/

Answer 2

样式表倾向于被某些邮件客户端剥离（特别是使用Web邮件服务），因此建议使用样式属性。

Answer 3

是。 ERB允许您编写通常的任何HTML。

但是，因为它的电子邮件和客户端在一致地渲染CSS方面非常糟糕，所以您应该像在示例中一样使用内联格式。 （我知道这太可怕了。）

您可以在邮件程序模板的顶部插入<style>.myclass { color: red; }</style>，然后在模板中使用<div class="mclass">，但客户可能会删除此样式标记。

Answer 4

你很幸运，因为有一个名为Roadie的宝石可以优雅地解决这个问题。有关详细信息，请参阅RailsCasts一集Sending HTML Email。