css中邮件使用table布局，而且样式都写在style里。td里可以逃入table，而tr里必须是td,th。邮件中的width一般使用的是600px。
考虑到兼容性问题，<body style="padding:0; margin:0;">间距用td控制，margin属性要分开写，字体、样式、大小都要写在style里，table水平居中要使用<table align="center">,使用margin:0 auto;是不兼容的，即使用如下的定义
<table style="margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;width:600px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#68735a;border-collapse:collapse; background:#FFF;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
td尽量写width；
文字要写line-height；
链接要写text-decoration:none;text-align:right;而且此时的display设置为block;
设置空行或者上下填充，<tr><td height="8"></td></tr>；
设置空列或者左右填充用<tr><td width="8"> </td></tr>；
img定义为块级元素，考虑兼容性问题，要在img标签外加上div标签。img一定不能省略alt属性，title属性也尽量不要省略。
<tr>
<td>
<div style="height:343px;">
<a href="#" target="_blank" style="color:#000000; font-size:14px; font-family:'Times New Roman', Times, serif;">
<img src="images/rare_and_extraordinary_5_products/rare_and_extraordinary_5_products_08.jpg" alt="she said yes" width="600" height="343" style="display:block; border:none;" border="0" title="she said yes" /> </a>
</div>
</td>
</tr>
td垂直居中用<td valign="middle">,
<td width="209" valign="top">
<a href="http://www.brilliantearth.com/shipping/" title="Free Shipping Both Ways" target="_blank" style="color:#959595;font-size:10px; font-family: Arial, Helvetica, sans-serif;text-decoration: none;">Free Shipping Both Ways</a>
</td>
td加样式，借助于table实现：
<td><div style="height:15px;">
<table style="border-collapse:collapse;" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td width="12"> </td>
...
</tr>
</tbody>
</table>
</div>
</td>
整个邮箱有用到背景色或者背景图时，建议使用table布局中的<td bgcolor="">来处理。
HTML电子邮件开发的黄金法则：如果一个属性存在于HTML中，绝对实用标签属性而不是用css样式，样式加在table/td上。
发邮件时，邮件里发送的是源代码，.html源码，邮件里的图片要写绝对路径。图片绝对路径的照发就是把图片发送到服务器，之后记录绝对路径即可。
发邮件有三种方式：
方法一：程序员自己写的程序发邮件；
方法二：找一个能发邮件的
方法三：借助于第三方专门解析邮件的客户端，之后发送压缩包就能解析。
考虑到兼容性问题，<body style="padding:0; margin:0;">间距用td控制，margin属性要分开写，字体、样式、大小都要写在style里，table水平居中要使用<table align="center">,使用margin:0 auto;是不兼容的，即使用如下的定义
<table style="margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;width:600px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#68735a;border-collapse:collapse; background:#FFF;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
td尽量写width；
文字要写line-height；
链接要写text-decoration:none;text-align:right;而且此时的display设置为block;
设置空行或者上下填充，<tr><td height="8"></td></tr>；
设置空列或者左右填充用<tr><td width="8"> </td></tr>；
img定义为块级元素，考虑兼容性问题，要在img标签外加上div标签。img一定不能省略alt属性，title属性也尽量不要省略。
<tr>
<td>
<div style="height:343px;">
<a href="#" target="_blank" style="color:#000000; font-size:14px; font-family:'Times New Roman', Times, serif;">
<img src="images/rare_and_extraordinary_5_products/rare_and_extraordinary_5_products_08.jpg" alt="she said yes" width="600" height="343" style="display:block; border:none;" border="0" title="she said yes" /> </a>
</div>
</td>
</tr>
td垂直居中用<td valign="middle">,
<td width="209" valign="top">
<a href="http://www.brilliantearth.com/shipping/" title="Free Shipping Both Ways" target="_blank" style="color:#959595;font-size:10px; font-family: Arial, Helvetica, sans-serif;text-decoration: none;">Free Shipping Both Ways</a>
</td>
td加样式，借助于table实现：
<td><div style="height:15px;">
<table style="border-collapse:collapse;" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td width="12"> </td>
...
</tr>
</tbody>
</table>
</div>
</td>
整个邮箱有用到背景色或者背景图时，建议使用table布局中的<td bgcolor="">来处理。
HTML电子邮件开发的黄金法则：如果一个属性存在于HTML中，绝对实用标签属性而不是用css样式，样式加在table/td上。
发邮件时，邮件里发送的是源代码，.html源码，邮件里的图片要写绝对路径。图片绝对路径的照发就是把图片发送到服务器，之后记录绝对路径即可。
发邮件有三种方式：
方法一：程序员自己写的程序发邮件；
方法二：找一个能发邮件的
方法三：借助于第三方专门解析邮件的客户端，之后发送压缩包就能解析。
876
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
