2010-06-07 3:53 | 分类于 邮件制作 | Amelie | 留下回复

邮件内CSS样式正确引用
继续我们关于邮件设计技巧的话题，本贴想分享的内容是【关于邮件内CSS正确引用】，还是那句老话，邮件代码与网页代码的写法规则是不一样的，希望引起邮件营销相关人员的注意，这也是保证您的邮件营销的关键环节之一。

那邮件内的CSS是如何正确引用的呢？
将样式写入HTML标签内部，而不要引用外部的css 文件，也不要写在<style></style>内，另外引用于body内也将无法工作

【错误引用】将css样式写在引用于body内<style type=”text/css”>

body,td,th {

font-family: Arial;

font-size: 12px;}

</style>

【错误引用】引用外部的css样式

<link rel=”stylesheet” type=”text/css” media=”all” href=”css/unimarketing.css”/>

【正确引用】写在Html标签内部，代码兼容性，可读性更强

<td style=”font-family:’宋体’; font-weight:bold; “> 活动促销</td>

<font style=”font-family:’宋体’; font-weight:bold; “>活动促销</font>

那为什么要这么引用呢？

Html邮件是嵌入在桌面邮件客户端（如outlook）和WEB邮件客户端（如主流邮箱QQ、网易邮箱、gmail邮箱等）预览窗口的邮件主窗体内，如下图所示。

如Outlook 2007采用微软Word的Html渲染引擎代替了基于IE浏览器的Html页面渲染引擎。而WEB邮件客户端默认页面会有自己的样式表，当邮件客户端的样式与您的邮件外部引用样式表有冲突时，就会读取自己的样式表。

因此，建议您将样式写在Html标签内部，换句话说，写在最接近您想定义的文字或图片的位置，浏览器对其可读性将更强，兼容性也将更强。

希望对读者有帮助，能真正去实践和应用，而达到更好邮件营销效果。

如果大家有什么好的建议和想法，欢迎留言。
灵动邮件营销博客版权声明，转载时请以超链接形式标明文章出处:
《邮件内CSS样式正确引用》http:///blog.unimarketing.cn/2010/06/07/190.html
关键字：