html - 关于 Html 电子邮件通讯的 css 编码标准的困惑

Question

我正在编写电子邮件时事通讯。我已经看到了一些关于良好电子邮件编码的指南..我想问一下电子邮件通讯的 css 代码，例如它首选编码内联 css，但对于一些免费模板，我发现了这样的代码

       <style type="text/css">

       body { color:#000; background-color:#fff; font-family:Arial, Helvetica, sansserif; text-align:center; }
       h2 { color:#2255DB; font-size:16px; margin-top:15px; margin-bottom:0px; }        
       h2 a:link { text-decoration:none; }
      .footer { fontsize:11px; text-align:center; color:#2255DB; }// and son on 

       </style>

fotter 的正文代码就像

    <p class="footer" style="color:#2255DB;"> footer...</footer>//again style  tag

有时我发现像这样完全的内联样式..

    <span style="font-weight: bold; width: 525px;">
    Lorem ipsum dolo
    </span><br><br>// and son on  ,,  

上述代码在电子邮件客户端中都运行良好我也看到了来自 Campaign monitor 等的标准，所以我很困惑哪种风格更好..我们应该像上面提到的代码和/或总内联编码一样使用风格吗，如果有人能帮我解决这个问题..那就太好了赞成

编辑: 一旦编码，是否有任何免费服务可以帮助检查其邮件客户端代码是否有效？

Answer 1

对于电子邮件通讯格式，由于不同的电子邮件客户端呈现不同的布局，我强烈建议您使用内联 css，主要是字体标签及其属性来设置文本样式.还使用表结构而不是 div 布局，以保持大多数电子邮件客户端的布局一致。