我已经开发了十多年的网站了，但很快就发现，在为电子邮件客户端开发时，我开发网络的许多习惯都没用。这让我感到非常沮丧，所以我想我会问一个问题，希望能够找到像我这样可能会不时为gmail，outlook等设计的其他人的最佳实践和必要的考虑因素。< / p>
示例： <style>...</style> vs内联CSS。
简而言之：什么从网络世界转移到电子邮件世界，什么没有。
答案 0 :(得分：114)
这似乎是一个为尝试学习HTML电子邮件的人列出一些资源的好地方。这可能是您在网上找到的最全面的HTML电子邮件资源列表。快乐学习。
入门指南：
CSS支持＆amp;一般指南：
您应该始终在html-email中内联CSS。以下是CSS Inlining Tools
的列表响应指南：
模板＆amp;框架：
响应性替代示例：
上面的Ted Goas Responsive链接也有一个很好的流动示例。
故障排除＆amp;一般指南：
您需要使用VML来获取在Outlook中工作的背景图片（in the body tag除外）。以下是一些VML链接：
答案 1 :(得分：33)
我一直在做这些（很长一段时间）我的工作已经有一段时间了。 HTML电子邮件存在许多陷阱。不同的电子邮件客户端以不同的方式呈现HTML，使IE6看起来更先进。
以下是迄今为止我所学到的内容的总结。
这远不是一份全面的清单，但应该让大多数人都走上正轨。
答案 2 :(得分：5)
内联css和表格 - 想想大约2000年的网络开发，你会没事的。 Campaign监视器为电子邮件客户端可以处理的内容提供了极好的资源。还可以使用http://www.emailonacid.com/进行测试 - 节省必须发送大量测试。
答案 3 :(得分：3)
我自己也发现这个指南非常有用：Guide to CSS support in email clients。
答案 4 :(得分：0)
这也很好，所以请看看哪些电子邮件浏览器支持内联CSS： http://www.campaignmonitor.com/css/
我也推荐了litmusapp（google it！）。这是检查事物的好工具。