转这篇文章之前,先介绍一下"SEGMENTFAULT(http://segmentfault.com/)",或许国内已经有很多人知道这个网站了,但毕竟它还是一个新站,看趋势是想做成stackflow之类的国内站,他这么说自己的网站:
在 Google 搜索技术问题时突然发现从某段时间开始,所有的问题都被指 向 StackOverflow 这个网站了。而且这个网站的问题和答案质量都很高。但是有一点我很烦恼,没有中文,虽然对技术人员来说看懂英文是最基本 的,但是如果能有一个类似的中文问答社区,对于技术的交流是非常有益的。
因此,我们借鉴了 StackOverflow 的评分机制,搭建了这个网站。最初的想法很简单:我们在搜索技术问题时,能有中文的优质答案出现在搜索结果里。
上原文吧:
问:HTML 格式的邮件如何定义 CSS
内容:
按照写网页的习惯,的把 css 写在 header 里,样式在 Outlook 和 Mail 客户端都能够正常显示。但是,发现在 Gmail 的 Web 界面上,移除了 body 及其外部的所有代码。
Email HTML 如下:
<!doctype html>
<head>
<meta charset="UTF-8" />
<style type="text/css">
.title { color: red }
</style>
</head>
<body>
<h2 class="title">Email title here</h2>
</body>
</html>
邮件发出后,在 Gmail 里看到的邮件内容代码只剩下了:
<h2 class="title">Email title here</h2>
如果想在 Gmail 里正确的显示样式,目前只发现下面的方式才显示正常:
<h2 style="color: red">Email title here</h2>
难道,整封邮件只能这样实现了么,有别的方法吗?
回答:
1、经过google搜索,发现gmail目前支持inline的css方式。
- 这里http://www.campaignmonitor.com/css/可以找到各个邮件客户端对css样式的支持情况。
- 这里还有一篇不错的文章: http://groundwire.org/labs/email-publ...,介绍了一些在email中使用html和css的最佳实践。
- Why gmail blocked the css? http://stackoverflow.com/questions/15...
看来只能悲剧的inline了。
2、国外有篇博客讲了怎样写HTML邮件:<HTML Email Coding 101> http://litmus.com/blog/html-email-cod...
不仅仅是CSS。我看过,写得很好,图文并茂,你可以看看