HTML 电子邮件中的 CSS

yan*_*nny 2 css html-email

我需要更新一个旧的电子邮件模板。在 4-5 岁的旧模板中,我发现了类似的东西

<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" class="bodyTable">
Run Code Online (Sandbox Code Playgroud)

现在我不确定他们为什么使用这些语法,只是因为它很旧,或者是否有任何其他与邮件模板相关的原因?我可以不担心地将它们更改为,让我们说:

<table style="text-align:center;border:0;height:100%; width:100%" class="bodyTable">
Run Code Online (Sandbox Code Playgroud)

如果没有,有人可以向我解释为什么吗?

Ser*_*rge 6

它是,或者至少是 HTML 电子邮件的推荐样式。例如,Smash Magazine建议使用“HTML 属性而不是 CSS” 。虽然 CSS 支持正在逐步改进,但没有通用的 HTML 电子邮件标准,因此每个电子邮件客户端都支持自己的 HTML/CSS 子集。因此,建议电子邮件设计人员“思考 99”或使用特殊的内联/降级工具对他们的电子邮件模板进行后处理,例如 http://premailer.dialect.ca(以及其他一些)。

我想说 CSS 多年来一直受到主要电子邮件客户端的良好支持,但是,说在 2011 年,我发现 stackoverflow 偶尔会抱怨 gmail.com删除 Gmail 中的 HTML 电子邮件样式属性- CSS 样式属性已删除

所以我猜作者选择玩存档。公司甚至关心使用过时软件的用户的情况并不少见。

根据这个列表,主要和当前的电子邮件客户端都很好地支持样式属性。尽管如此,始终存在特定标签、属性或它们的组合不被不太了解的电子邮件客户端支持的风险,有时是由于错误或极端情况,正如您在最近一篇关于 Spark 客户端HTML 的帖子中所见删除电子邮件格式