我正在处理一个简单的时事通讯，我想知道为什么我找到的这段代码如此多余。
<td id="m_1257726376905495529templateFooter" style="background:#0066cc none no-
repeat center/cover;background-color:#0066cc;background-image:none;background-
repeat:no-repeat;background-position:center;background-size:cover;border-
top:0;border-bottom:0;padding-top:10px;padding-bottom:10px" valign="top">
为什么上面的代码如此多余？
这可能是由于大多数电子邮件客户端对 CSS 的支持级别较低。通常不支持使用 CSS 类、选择器等。这就是为什么在HTML文档中内联所有CSS样式并避免像background: #0066CC none no-repeat center/cover这样的复合样式声明被认为是最佳实践。
另一个原因可能是复合样式声明更易于人类阅读，但内容可能无法正确呈现。因此，出于兼容性目的，还应用了简单的background-*样式。
当然，这些并不都是可能的原因。
我建议熟悉电子邮件通讯设计中的一些准则，即使您正在创建一个非常基本的准则。
下表显示了 CSS 的主要电子邮件客户端支持。
与@FIL给出的答案类似，这可能是由于电子邮件客户端支持。有些不支持背景速记属性，因此添加了所有常规的背景-* 属性。这种内联样式是否有可能不是手写的，而是通过一些构建步骤添加的。 这也许可以解释为什么会有重复，而这正是我认为你所指的冗余。