HTML电子邮件中的CSS

CSS 可以在 HTML 电子邮件中工作,但它有局限性。一般来说,当您为电子邮件编码时,非常简单的 CSS 总是最好的。

这些是我们关于如何在 HTML 电子邮件中使用 CSS 的建议以及一些帮助您解决 CSS 相关问题的信息。

通用CSS提示和故障排除 #

这些是帮助您在为邮件活动编写 CSS 代码时获得最佳结果的一些通用提示。请记住,虽然 CSS 可以处理 HTML 电子邮件,但它具有更高级别的不可预测性。

  • 保持代码简单。
    HTML 电子邮件编码不同于网站编码。代码越简单,出错的空间就越小。
  • 仅将 CSS 用于一般样式元素。
    如果您将 CSS 用于字体或颜色等一般元素,您将获得最佳效果。
  • 使用内联 CSS
    因为基于浏览器的电子邮件应用程序(例如 Gmail)默认情况下会去除标签和标签,所以始终使用内联 CSS 而不是嵌入式 CSS。

使用内联CSS #

我们强烈建议您利用一些 CSS 内联工具来帮助您自动内联嵌入式 CSS。

如果您选择手动内联 CSS,则任何背景颜色或 <body> 设置都应使用 100% 宽的 <table> 容器来处理您的电子邮件。

您的 CSS 应类似于以下示例。

<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #BBBBBB;">

 your content here....

 </span>

提示:

有时,收件人的电子邮件服务会删除以句点开头的代码行,这可能会破坏您的 CSS。如果您手动内联 CSS,请在任何以句点或点开头的行前添加一个空格。