HTML 通讯模板

【问题标题】：HTML Newsletter TemplateHTML 通讯模板
【发布时间】：2016-08-26 06:48:44
【问题描述】：

我想创建一个 HTML 时事通讯，但在 Outlook 中发送的邮件不符合我编写的 CSS：

以下代码在 Outlook 中没有影响

body {
    font-family: verdana !important;
    font-size: 12px !important;
    margin: 0;
    padding: 0;
}

.overheader {
    height: 5px;
    background-color: #e6007e;
    width: 100%;
}
.ce-bodytext {
    font-family: verdana !important;
    font-size: 12px !important;
}

我尝试使用内联 CSS，但无济于事：

<div class="wrapper content" style="width: 100%">
   <div class="design" style="width: 70%; margin: auto;">

有什么问题以及如何更改代码以使 CSS 和 HTML 在浏览器、Outlook 以及其他网络邮件程序中工作？

【问题讨论】：

• 您是否内联了您的 CSS？如果没有，那是你的问题。您还需要记住 Outlook HTML 引擎是可怕的
• 我有最多的内联和头部内容......这是内联：

  并且不工作
• 这个：也没有效果：

• 它 all 需要内联。您应该在电子邮件中使用表格进行布局。是的，即使是在 2016 年。这方面有很多很多指南（example、example、example）