css在邮件页面（模板）中的应用及注意点

日期：2013-11-29 来源：攀枝花惠康网络公司

作为前端开发工程师经常会碰着邮件页面（模板）的建造，可是要你建造出来的邮件页面撑持众多邮件系统揭示长短常坚苦的，一个很简单的页面在众多邮件系统揭示可能有

1.excel名目：http://www.css88.com/book/CSSEmail/CSSEmail.xls

1.关于HTML标签：

良多邮件系统会过滤<html>、<head>、<meta>、<title>、<body>、<style>、<link>，搜罗html的dtd信息，等；
2.关于CSS的撑持可以参考各个邮件系统中的撑持情形的统计列表(转载请注明出处：WEB前端开发 http://www.css88.com/)

3.建议把css以style属性插入到每个有样式的标签中，当然这里要充实考虑样式的担任，以免都写一再的样式代码。

建议：(转载请注明出处：WEB前端开发 http://www.css88.com/)

2.PDF名目：http://www.css88.com/book/CSSEmail/CSSEmail.pdf

以上资料来自己http://www.campaignmonitor.com/css/

//以下是文中的部门翻译，水平太差，请见谅：

桌面客户端
这是我们为了2008 CSS 指南而测试过的Email客户端清单。
但在2008年，Entourage必定抢到了一些土地。
今年我们没有看到任何方面的巨年夜改良（没有年夜量的更新正在进行）。
它仅仅带给我们一个精练的用户界面而已。
但愿这是一个来自于Redmond的标识表记标帜。

收集客户端
以下是8个我们今年测试的基于收集的Email客户端。
我们增添了AOL收集。Mac和新的gmail。
更新后的Live Hotmail接口带来了一些CSS的改良，搜罗撑持标签
<head>和<body>中的元素<style>和<link>。

良多的分歧，甚至严重变形。在这里我仅仅分享一下自己的经验：(转载请注明出处：WEB前端开发 http://www.css88.com/)

1.使用table结构
因为css在众多邮件系统中撑持差异性，建议table结构，可以省去良多结构样式；
2.不要在<body>中写样式；因为这个标签在良多邮件系统中是被过滤，甚至被替代成各个邮件系统中默认的标签和样式；
我们曾经对gmail能够改善它的低尺度撑持寄予厚望，但很是不幸的是

文章来源：攀枝花惠康网络公司

惠康网络，是一家专业从事攀枝花网站建设，攀枝花网站制作，攀枝花网站设计公司，提供网站建设一条龙服务（网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广），惠康网络立足攀枝花，辐射全中国，攀枝花惠康网络的客户已经遍布国内各地大中小城市，我们高效优质的网站建设服务深受用户好评。