Benchmark Email 协助中心

知识库首页 aero-right General Questions aero-right 在 HTML 电子邮件中使用 CSS 语法

在 HTML 电子邮件中使用 CSS 语法

General Questions 更新日期 十一月 25, 2020
一般来说, CSS 编码是放置在个别的 CSS 档案中或是在电子报页首的格式定义( Style Tag )里,然而这在电子邮件中却是无效的,大部分的电子邮件客户端(如 YahooMail、Gmail、Hotmail 等等)都会自动地移除起始叙述( Head Tag )以及程序主体( Body Tag ),这些电子邮件客户端不会引用外部的 CSS 档案,因为它可能会干扰这些系统本身自己的 CSS 编码。我们建议把您的 CSS 编码和内容放在一起,而不要使用起始叙述( Head Tag )以及程序主体( Body Tag ),例如,使用宽 100% 的DIV 而不是使用 Body CSS 或 Head CSS ,下列为参考的例子:

<div style=" font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background-color:#EEEEEE;">Your content here....</div>
我们建议您在发送电子邮件前,彻底地检测您的 CSS编码。一般而言,比较简单的东西,比如说字体、大小及颜色都是没问题的;但有一些东西,如 DIV 及 X`Y`Z 三轴定位就不全然保证能够使用,建议您使用简单的 CSS 编码即可,万一收件人无法下载,至少还可以浏览您的讯息。
 
可惜,您无法像依赖浏览器上的网页一样,来期待 html电子邮件的 CSS 编码。

https://www.benchmarkemail.com/resources/free-html-email-templates