手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜Qcloud , 注册 | 登陆

转:HTML 格式的邮件如何定义 CSS

首页 > PHP >

转这篇文章之前,先介绍一下"SEGMENTFAULT(http://segmentfault.com/)",或许国内已经有很多人知道这个网站了,但毕竟它还是一个新站,看趋势是想做成stackflow之类的国内站,他这么说自己的网站:

XML/HTML代码
  1. 在 Google 搜索技术问题时突然发现从某段时间开始,所有的问题都被指 向 StackOverflow 这个网站了。而且这个网站的问题和答案质量都很高。但是有一点我很烦恼,没有中文,虽然对技术人员来说看懂英文是最基本 的,但是如果能有一个类似的中文问答社区,对于技术的交流是非常有益的。  
  2.   
  3. 因此,我们借鉴了 StackOverflow 的评分机制,搭建了这个网站。最初的想法很简单:我们在搜索技术问题时,能有中文的优质答案出现在搜索结果里。  

上原文吧:
问:HTML 格式的邮件如何定义 CSS
内容:

按照写网页的习惯,的把 css 写在 header 里,样式在 Outlook 和 Mail 客户端都能够正常显示。但是,发现在 Gmail 的 Web 界面上,移除了 body 及其外部的所有代码。
Email HTML 如下:

XML/HTML代码
  1. <!doctype html>  
  2. <head>  
  3.     <meta charset="UTF-8" />  
  4.     <style type="text/css">  
  5.         .title { color: red }      
  6.     </style>  
  7. </head>  
  8. <body>  
  9.     <h2 class="title">Email title here</h2>  
  10. </body>  
  11. </html>  

 

邮件发出后,在 Gmail 里看到的邮件内容代码只剩下了:
XML/HTML代码
  1. <h2 class="title">Email title here</h2>  
如果想在 Gmail 里正确的显示样式,目前只发现下面的方式才显示正常:
XML/HTML代码
  1. <h2  style="color: red">Email title here</h2>
难道,整封邮件只能这样实现了么,有别的方法吗?

回答:

1、经过google搜索,发现gmail目前支持inline的css方式。

看来只能悲剧的inline了。

2、国外有篇博客讲了怎样写HTML邮件:<HTML Email Coding 101> http://litmus.com/blog/html-email-cod...

不仅仅是CSS。我看过,写得很好,图文并茂,你可以看看




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

Tags: segmentfault, typecho

« 上一篇 | 下一篇 »

只显示10条记录相关文章

typecho 插件:内容分页SplitArchivePage (浏览: 29190, 评论: 13)
利用.htaccess绑定域名到子目录 (浏览: 22072, 评论: 2)
typecho 插件开发(一) (浏览: 20032, 评论: 6)
了解Typecho页面中可以被注入对象的地方 (浏览: 18140, 评论: 4)
typecho 插件:搜索来源关键字高亮 (浏览: 17349, 评论: 3)
typecho 文章附件的小BUG (浏览: 16887, 评论: 1)
typecho 一天下来的心得 (浏览: 16781, 评论: 0)
typecho 插件开发(二) (浏览: 14674, 评论: 3)
JianHua Zhang的Typecho阅读笔记一:页面渲染及路由机制 (浏览: 13455, 评论: 0)
typecho 发布 0.8release版本 (浏览: 12820, 评论: 1)

发表评论

评论内容 (必填):