html – 电子邮件中的CSS类

前端之家收集整理的这篇文章主要介绍了html – 电子邮件中的CSS类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > What tools to automatically inline CSS style to create email HTML code? [closed]12个
据我所知,CSS选择器/类不能用于为您发送的电子邮件设置样式,因为许多电子邮件客户端将无法获取外部的css文件.

我想知道人们通常如何为自动化电子邮件创建模板.你是否只是将每个CSS样式内联到DOM?这似乎是低效率和容易出错的方法.

有一件事我想知道是否有一个工具,将CSS选择器设计的HTML文档“平坦化”为带有内联CSS样式的HTML文档.如果这样的工具存在,那么我可以使用正常的模板框架(我目前使用django)来生成电子邮件,处理样式并发送结果.

解决方法

这里有一篇很棒的文章Using CSS in HTML Emails: The Real Story

简而言之:

你不能做什么

>包括< head>部分款式. Apple Mail.app支持它,但是Gmail和Hotmail不支持,所以它是一个no-no. Hotmail将支持身体中的风格部分,但Gmail仍然不支持.
>链接到外部样式表.没有很多电子邮件客户端支持这一点,最好只是忘记它.
>背景图像/背景位置. Gmail也是这个的罪魁祸首.
清除你的浮标.再次Gmail.
>保证金.是的,认真的,Hotmail忽略利润.基本上任何CSS定位都不行.
字体 – 任何东西机会是Eudora将忽略您尝试用字体声明的任何内容.

你可以做什么.

用两个字来表现内联样式.这不像你想象的那样糟糕,因为我们基本上是开发一次性的电子邮件,内联风格并不像在网站上使用一样,需要一个大块绿色标题文字块?

< h3 style =“color:#1c70db;”> NOW $159< / h3>

大可做的就是图像.创造性地想想你可以做什么与图像.>因为你将使用表格,考虑网格.网格是设计师的朋友,有很多你可以做一个网格.

猜你在找的HTML相关文章