电子邮件中的主题样式?

时间:2017-07-24 11:26:09

标签: css email html-email

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

与过多的电子邮件客户端有什么区别吗?这些样式是如此写在头部:

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

或像这样链接:

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

2 个答案:

答案 0 :(得分:3)

不要依赖外部(<link rel="stylesheet">)或嵌入式样式表(<style>标记之外的<body>标记中包含的样式表),这些是最重要的事情。 **

  

许多电子邮件服务都会删除正文标记上方的所有内容并禁用   外部样式表。

最好在<style>内使用<body>标记

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

如果您想了解更多详情,请参阅 link ,这对我来说非常有帮助,干杯......

答案 1 :(得分:2)

最好是将样式写入文档而不链接。链接的资源被Outlook.com,Yahoo和Gmail等网络邮件客户端阻止

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