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,请在任何以句点或点开头的行前添加一个空格。