格式化电子邮件的最佳方式(CSS /表格/内联样式/外部样式表)是什么?

时间:2009-11-30 04:17:44

标签: html css email

我打算为邮件列表撰写HTML邮件。我该如何格式化?我考虑过的两个二分法是:

  • CSS,特别是对齐的div,与布局的表格
  • 内联样式style="width: 60%"与外部样式表

最佳做法是什么,或者给我一些关于电子邮件格式的战争故事?

4 个答案:

答案 0 :(得分:5)

这篇文章是一个很好的起点。 http://articles.sitepoint.com/article/code-html-email-newsletters

基本上你使用表格来构造。使用CSS内联样式而不是外部样式。为您的容器使用一个表,然后在该表中为每个部分创建另一个表,如标题,内容,页脚。想想电子邮件就像十年前编写的一样。 :)

答案 1 :(得分:2)

Email Standards Project是一个精彩资源,用于提供有关格式化电子邮件的信息。

答案 2 :(得分:1)

一个重要的方面是您的读者是否能够离线阅读电子邮件(就像在Blackberry AFTER中下载邮件一样,当您在飞机上时)。需要缓存CSS以使其工作。如果您将整个样式附加到邮件中,它将是自包含的(无需连接)。

只是一个想法。

答案 3 :(得分:1)

某些电子邮件网站(我认为是Gmail或Yahoo)会删除

<style>个标记。内联样式似乎有效,但请记住,Outlook和Thunderbird都不符合标准,随机事物可能会被不同的客户端剥离。这比为IE6写一个网站更糟糕。

编辑:哦,但是要小心你做布局,因为浮动和位置也可能被剥离。老实说,我推荐桌子
还有一个编辑:显然Thunderbird自从我上次尝试使用它以来变得更好。不过,不要期待太多......