html电子邮件上的速记CSS可能吗?

Sat*_*000 5 html css html-email

我想知道 HTML 电子邮件是否允许速记 CSS 编码。

我知道允许的 CSS 非常有限,但我知道例如允许填充,但这是否被允许:

padding:0 4px 0 6px;
Run Code Online (Sandbox Code Playgroud)

Spu*_*ley 5

电子邮件中允许的 CSS 是接收电子邮件客户端所理解的。有许多不同的电子邮件客户端。并非所有人都渲染 HTML 电子邮件(尽管现在几乎所有人都这样做),但即使在它们渲染 HTML 的地方,它们的渲染引擎也各不相同,就像 Web 浏览器一样。但与 Web 浏览器不同的是,如果人们对电子邮件客户端的呈现方式不满意,他们并不总是会更改他们的电子邮件客户端。

因此,您应该期望使用几乎任何类型的电子邮件程序来阅读您的电子邮件,包括那些根本不呈现 HTML 的程序,以及那些呈现它但使用 IE4-vintage 呈现引擎的程序。

也就是说,我希望几乎所有电子邮件客户端都能正确解释 CSSpadding样式。

你可能会得到一些带有 quirks-mode 的盒子模型,这会导致你的盒子大小和位置是错误的,但他们仍然应该padding在他们自己的规则集内正确解释。

我要说的一件事是,您应该确保所有 CSS 代码都嵌入在 HTML 中。<style>在文档顶部放置一个大标签,而不是<link>带有外部引用的标签。这样做的原因是 1) 某些用户可能会在离线时查看您的电子邮件,在这种情况下,他们将无法加载外部样式表,以及 2) 某些电子邮件客户端可能被设置为阻止从以下位置加载外部文件出于安全原因,即使用户在线。如果您的样式都包含在电子邮件的正文中,这将不是问题。(您可能仍然有同样的图形问题,但这是一个完全不同的讨论主题)


Lig*_*ica 0

是的。

而且,与任何“网页”一样,用户实际看到的内容完全取决于“浏览器”(或支持 HTML 的电子邮件客户端)。

你可以简单地尝试一下就知道了。

另外,我建议不要在电子邮件中到处乱涂图形和颜色,以免令人讨厌。:(

  • 供参考。您发布的链接至少已有 5 年历史。(看底部,上面写着“[更新 - 2006 年 3 月 19 日]” (4认同)