电子邮件中的头部样式？

Question

我知道使用媒体查询和伪锚类我需要将它们放在电子邮件的头部而不是内联样式（不可能）。

它与过多的电子邮件客户端有什么区别吗，样式是这样写在头部的：

<style>
    body {
        ....
    }
</style>

或像这样链接：

<link rel="stylesheet" type="text/css" href="http://example.com/mystyle.css">

Answer 1

最好是将样式写在文档中而不是链接。链接资源被 Outlook.com、Yahoo 和 Gmail

等网络邮件客户端阻止

使用本指南获取电子邮件客户端的样式支持： https://www.campaignmonitor.com/css/

Answer 2

不要依赖外部 (<link rel="stylesheet">) 或嵌入式样式表（那些包含在 <body> 标签之外的 <style> 标签内的样式表），这些是最重要的要避免的事情。 **

Many email services cut everything above the body tag and disable external style sheets.

最好在<body>

里面使用<style>标签

<body>
<style type="text/css">
  body {
     ....
  }
  @media only screen and (max-width: 600px) {
    ....
  }
</style> 
</body>

如果你想了解更多细节可以参考这个link，对我很有帮助，干杯。 ..

Head styles in emails?