【问题标题】:How to style emails?如何样式化电子邮件?
【发布时间】:2011-07-29 19:31:28
【问题描述】:

我是否需要在任何地方都使用样式属性,这会导致大量重复?

<p style="color: red; font-weight: bold;">Some text</p>

&lt;style&gt; 的使用似乎失败了

【问题讨论】:

  • 为什么你不使用类属性(分配所有相同的块)?
  • 假设您在谈论电子邮件/电子照片设计,请参阅我的回答。

标签: css email


【解决方案1】:

许多电子邮件客户端会去掉 CSS 和类,确保您的内容通过的方法之一是使用 inline-css。正如所指出的,这既费时又费力。

幸运的是,mail chimp 的好心人开发了一个 CSS Inliner 工具。

因此,您可以像往常一样使用 CSS 类开发您的电子邮件,将 html 粘贴到工具中,并接收正确的内联 CSS,非常适合发送电子邮件。

需要进行一些调整,您需要声明所有内容,但这确实让生活更轻松。

(例如,您必须为 p, h1, h2, h3, td, ul 而不仅仅是 body 声明字体系列、大小和颜色)。

【讨论】:

    【解决方案2】:

    您必须使用样式,但如果您希望它可用于所有电子邮件客户端,我建议您使用&lt;font size="2" color="red"&gt;&lt;b&gt;Some text&lt;/b&gt;&lt;/font&gt;

    【讨论】:

      【解决方案3】:

      对所有标签使用直接的“样式”属性,就像 teneff 在此处的一个答案中所说:“并非所有电子邮件客户端都支持全功能 html”

      【讨论】:

        【解决方案4】:

        您应该可以使用

        这是一个完整的指南:

        HTML Email CSS Guide

        希望对你有帮助。

        【讨论】:

        • 检查我上面的答案。我发布了一个链接,其中包含一个包含所有电子邮件客户端的表格以及它们支持或不支持的 CSS。
        猜你喜欢
        • 2012-06-04
        • 1970-01-01
        • 2014-05-13
        • 2012-03-04
        • 2013-10-02
        • 1970-01-01
        • 2016-01-06
        • 1970-01-01
        • 2021-11-17
        相关资源
        最近更新 更多