我可以在HTML文件的正文中放置<style> ... </style>标记以通过电子邮件发送吗？

Question

由于很多电子邮件客户端都忽略了HEAD标记，我可以在正文中嵌入内联样式表吗？

Answer 1

简短的回答是否定的。 Gmail会删除标记及其内容。

Hotmail，Yahoo！ Mail和Windows Live Mail不会在body-element中删除样式标记。

但请在Campaign Monitor上查看"The Ultimate Guide to CSS" for HTML email。

Answer 2

创建适用于每个电子邮件客户端的HTML电子邮件很难。我花了几个月的时间来完善一个好看的模板。

http://commadot.com/the-holy-mail/ - 我的调查结果的原始博客。

http://commadot.com/email-best-practices/ - 最新的。

您问题的具体答案：Gmail可以使用style=""，但不能使用<style>阻止。

Answer 3

您可能想查看CampaignMonitor和MailChimp（编辑：和Zurb的Ink）提供的免费html电子邮件模板：

http://www.campaignmonitor.com/templates/

http://www.mailchimp.com/resources/templates/

http://zurb.com/ink/

这里有Campaign Monitor的有用指南的更新版本： http://www.campaignmonitor.com/css/

不幸的是，在电子邮件中使用的最可靠的HTML完全是石器时代

编辑：墨水有一个“内联”工具，可以获取style代码的内容并将其内嵌到相应的元素上：http://zurb.com/ink/inliner.php

Answer 4

是的，你可以。但是，您必须记住，很少有电子邮件客户端尊重css标准。只需坚持基本的CSS属性，如margin和padding等，它应该都很好。

此外，您可以将html元素设置为内联样式（<div style="">），尽管它不是一个优雅的解决方案。

Answer 5

截至2016年9月，大多数gmail客户端现在都支持嵌入式CSS，因此应该可以安全使用。

https://litmus.com/blog/gmail-to-support-responsive-email-design