跳转到主要内容

HTML电子邮件中的CSS

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

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

通用CSS提示和故障排除

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

  1. 保持代码简单。
    HTML 电子邮件编码不同于网站编码。代码越简单,出错的空间就越小。
  2. 仅将 CSS 用于一般样式元素。
    如果您将 CSS 用于字体或颜色等一般元素,您将获得最佳效果。
  3. 使用内联 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,请在任何以句点或点开头的行前添加一个空格。