html电子邮件的速记CSS可能吗？

Question

我想知道HTML电子邮件是否允许使用简写CSS编码。

我知道允许的CSS非常有限，但我知道允许使用填充但是允许这样做：

padding:0 4px 0 6px;

Answer 1

电子邮件中允许的CSS是接收电子邮件客户端理解的内容。有许多不同的电子邮件客户端。并非所有人都提供HTML电子邮件（尽管几乎所有人都这么做），但即使他们确实渲染HTML，他们的渲染引擎也会以与Web浏览器相同的方式彼此不同。但与网络浏览器不同的是，如果他们对呈现方式不满意，人们并不总是更改他们的电子邮件客户端。

因此，您应该期望使用几乎任何类型的电子邮件程序来阅读您的电子邮件，包括完全不呈现HTML的电子邮件程序，以及使用IE4复古渲染引擎呈现它的电子邮件程序。

也就是说，我希望几乎所有的电子邮件客户端都能正确解释CSS padding样式。

你可能会得到一些带有怪癖模式的盒子模型，这会导致你的盒子大小和位置错误，但他们仍然应该在他们自己的规则集中正确地解释padding。

我要说的一件事是你应该确保所有CSS代码都嵌入在HTML中。在文档顶部放置一个较大的<style>标记，而不是带有外部参考的<link>标记。原因是1）一些用户可能在他们离线时查看您的电子邮件，在这种情况下他们将无法加载外部样式表，2）某些电子邮件客户端可能被设置为阻止加载外部文件出于安全原因，即使用户在线，也要在电子邮件中。如果您的样式都包含在电子邮件的正文中，这将不会有问题。 （你可能仍然有相同的图形问题，但这是一个完全不同的讨论主题）

Answer 2

在最简单的形式中，您可以为每个元素设置样式：

<p style="padding:0 4px 0 6px;">your contents</p>

Answer 3

是

而且，与任何“网页”一样，用户实际看到的内容完全取决于“浏览器”（或支持HTML的电子邮件客户端）。

你可以简单地试一试。

_{此外，我建议not being obnoxious通过电子邮件发送图形和颜色。 ：（}

Answer 4

我这样做“速记”从未出现过问题，只要提供了所有的值。 从技术上讲，padding:0px 4px;应该是顶级＆amp;底部是0，左边是＆amp;右边是4，但不是所有的电子邮件客户端都会尊重它（我正在和你说话，Outlook 2007/2010！）所以你需要包括所有四个用于边距，填充，边框等。

Answer 5

如果仍然感兴趣我最近一直在研究这个问题。一些大型邮件公司明确指出，某些应用程序（如字体（至少））在某些电子邮件客户端上的呈现效果不佳。

http://www.campaignmonitor.com/resources/will-it-work/guidelines/

实际上，在审核了一些模板的电子邮件来源（Mailchimp，Campaign Monitor等）之后，他们一直都在避免使用它们，所以到目前为止我的结论也是如此。

在任何情况下，比简写更重要的是，大多数CSS样式需要获得元素的“内联”（如果包含Gmail），如果在头部定义则忽略它们。

作为一个简单的解决方案，我倾向于在body元素和围绕内容的包含表上使用基本样式（因为某些客户端也会删除正文样式）。