电子邮件中的CSS类

Question

据我所知,CSS选择器/类不能用于设置您发送的电子邮件的样式,因为许多电子邮件客户端不会获取外部css文件.

我想知道人们通常如何为自动电子邮件创建模板.你是否只是将每个CSS样式内联到DOM？这似乎是非常低效且容易出错的方法.

我想知道的一件事是,是否有一个工具将由CSS选择器设置样式的HTML文档"展平"为具有内联CSS样式的HTML文档.如果这样的工具存在,那么我可以使用我有的常规模板框架(我现在使用django)来生成电子邮件,处理样式,并发送结果.

Answer 1

简而言之:

你不能做什么:

包括<head>带样式的部分.Apple Mail.app支持它,但Gmail和Hotmail不支持,因此它是禁止的.Hotmail将支持正文中的样式部分,但Gmail仍然不支持.
链接到外部样式表.没有多少电子邮件客户端支持这一点,最好忘记它.
背景图像/背景位置.Gmail也是这个问题的罪魁祸首.
清除你的花车.再次使用Gmail.
余量.是的,严重的是,Hotmail忽略了利润.基本上任何CSS定位都不起作用.
字体-什么.机会是Eudora会忽略你试图用字体声明的任何东西.

用两个词来说,内联样式.它并不像你想象的那么糟糕,因为我们基本上开发的是一次性电子邮件,内联样式并不像在网站上使用它们那样令人震惊.需要一个大绿色标题的文本块？

<h3 style="color: #1c70db;">NOW $159</h3>

Answer 2

在设计HTML电子邮件时,您必须设计好像是在为IE5/6进行设计:

这意味着没有外部CSS文件.

如果您想知道哪些CSS选择器,不同的电子邮件客户端(包括网络邮件)支持CampaignMonitor是值得关注的地方.

对不起,但是无法帮助你使用工具,但是Shoban从评论到你的问题的链接应该对此有所帮助.

Answer 3

一种选择可能是使用内联样式设置消息的样式,但一种典型的方法是<style>在文档开头的块中声明样式.这实际上为您提供了与外部CSS文档相同的效率,但保留了一条消息中的所有内容.