2017-04-23 64 views
1

几个月前我开始对HTML电子邮件进行一些研究(从未做过这些)。我读到了Gmail从2016年9月开始支持嵌入式CSS或“阻止”CSS。从那时起,我一直在努力研究如何在收到我的测试信息时让Gmail呈现嵌入式CSS。当我编写它们时,它们看起来很好。我用这个YouTube视频,了解如何插入标记在撰写窗口:找不到将我的嵌入式CSS粘贴到Gmail中的正确位置

https://youtu.be/QprIvjZ5TYI?t=2m44s

更换整个DIV视频中说没有工作的方式,但我尝试仅更换虚拟文本本身和当我点击进入撰写窗口时,css & html被完美呈现。下面撷取画面:

http://imgur.com/a/cPi2B

问题是,当我把它看了看收到的电子邮件,样式规则被忽略。试图发布另一个screencap,但是SO告诉我我需要10的声望才能这样做,而我是低的1.无论如何,请相信我,传入消息中的所有文本都是黑色的。

在我的第一次尝试中,我使用了整个html文件,从....然后我试着....相同的结果。然后我尝试扩展我正在替换的DIV,取代原来的父DIV,然后替换其父母的DIV ......这让我无处可寻。同时使用Firefox和Chrome。我没有想法。似乎其他人正在使嵌入式CSS工作。任何帮助不胜感激。

感谢, - DK

回答

0

一般来说,如果你要发送HTML邮件,你应该做的是使用一些外部的邮件软件(如Microsoft Outlook,Mozilla Thunderbird中,苹果公司邮件等),并发送它通过SMTP。

在你的情况下,它会工作,如果你的风格是内联,这样你就可以发送类似:

<p style="color: blue">This is a blue text</p> 

但没有发出类似的方式:

<p>This is a blue text<p> 

和附加外部.css文件,因为您不能以这种方式在电子邮件中附加CSS文件。

您总是可以使用一些缩小器(如hereherehere)将内联CSS中的CSS和HTML转换为HTML。

如果您100%确定自己提供了正确的HTML和内嵌CSS,那么您应该将保存为草稿,然后从草稿视图中发送。它为我的作品:

enter image description here

Unforunately你不能直接发送HTML邮件,但将其保存为模板/草案将通过Gmail中进行处理,然后按预期它应该工作了。

希望它有帮助!

+0

巴特您好,感谢您的快速反应。我知道我不能使用外部样式表。我正在尝试使用样式块,然后是HTML内容。在石蕊的人们一直在做得很好。 https://litmus.com/blog/gmail-to-support-responsive-email-design – Dave

+0

AFAIK它不会像工作在浏览器中,从您在您的评论链接的网站:HTTP://下面链接i.imgur.com/TrTN9dd.png。您必须使用一些第三方软件来发送您的HTML电子邮件,或者只需使用gmail.com进行“内联css”。 –