Html Gmail邮件正文中的CSS样式

Html Gmail邮件正文中的CSS样式,html,css,email,gmail,Html,Css,Email,Gmail,是否有人知道或者可以确认Gmail是否会从邮件正文中删除样式块? 它们位于HTML正文中。然而,在我的测试中,Gmail删除了体内的样式标签。 我用这个HTML进行了测试,只应用了head样式 h1{颜色:红色;} 你好,来自H2-1 h2{颜色:绿色;} 你好,来自H1 你好,来自H2-2 您必须为几乎所有主要的电子邮件提供商提供所有内联样式 <h2 style="color: #ff00ff;">H2 Title</h2> <p style="color:

是否有人知道或者可以确认Gmail是否会从邮件正文中删除样式块? 它们位于HTML正文中。然而,在我的测试中,Gmail删除了体内的样式标签。 我用这个HTML进行了测试,只应用了head样式


h1{颜色:红色;}
你好,来自H2-1
h2{颜色:绿色;}
你好,来自H1
你好,来自H2-2

您必须为几乎所有主要的电子邮件提供商提供所有内联样式

<h2 style="color: #ff00ff;">H2 Title</h2>

<p style="color: #fff; padding: 10px 0; text-align: center;">This is a paragraph section.</p>
H2标题
这是一个段落部分


一般来说,处理html电子邮件是一件非常痛苦的事情。 我只能建议您通过一些预编译器运行html,如:。它应该考虑内联所有样式。
电子邮件领域没有简单的答案,现在仍然是2000年。

使用内联样式。
h1
标记有效,为什么不将
h2
的css也放在标题中呢?这个预编译器似乎可以很好地将css直接内联到标记中,这在很多情况下可能都很好,但内联样式似乎也有局限性。我刚刚发现了一个有趣的例子,在发送给gmail的电子邮件中,我在一个元素中包含了以下内联样式:
style=“display:grid;grid template columns:12em 6em 8em 10em;font size:small;”
,而我发现gmail似乎去掉了“grid template columns”样式出于某种原因,但保留了其他两种样式。为什么会这样,我不确定,但它只是表明,即使是内联样式也不会总是像您预期的那样出现。。。