css - 如何设计电子邮件样式？

Question

我是否需要在任何地方都使用 style 属性，这会导致大量重复？

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

使用<style>似乎失败了

Answer 1

许多电子邮件客户端会删除 CSS 和类，确保您的内容通过的方法之一是使用 inline-css。正如所指出的，这既耗时又难以维护。

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

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

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

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