代码之家  ›  专栏  ›  技术社区  ›  Manu JCasso

我可以在HTML文件的正文中放置一个<style>…<style>标记来发送电子邮件吗?

  •  37
  • Manu JCasso  · 技术社区  · 16 年前

    由于很多电子邮件客户端忽略了head标签,我可以在正文中嵌入一个内联样式表吗?

    5 回复  |  直到 8 年前
        1
  •  50
  •   Bart Verkoeijen    11 年前

    简短的答案是否定的。Gmail去掉了标签和内容。

    hotmail,雅虎!邮件和Windows Live Mail不会删除body元素中的样式标记。

    但是看看 "The Ultimate Guide to CSS" for HTML email 在活动监视器上。

        2
  •  9
  •   Phrancis    9 年前

    创建一个在每个电子邮件客户端都有效的HTML电子邮件是很困难的。我花了几个月的时间改进了一个好看的模板。

    http://commadot.com/the-holy-mail/ -我发现的原创博客。

    http://commadot.com/email-best-practices/ -最新最伟大的。

    具体回答:Gmail可以接受 style="" 但不是 <style> 块。

        3
  •  6
  •   Andy Ford    11 年前

    您可能需要查看campaignmonitor和mailchimp的免费HTML电子邮件模板( 编辑: 以及zurb提供的墨水:

    http://www.campaignmonitor.com/templates/

    http://www.mailchimp.com/resources/templates/

    http://zurb.com/ink/

    以下是活动监视器的帮助指南的更新版本: http://www.campaignmonitor.com/css/

    不幸的是,电子邮件中最可靠的HTML完全是石器时代的。

    编辑: Ink有一个“inliner”工具,用于获取 style 标记并将它们插入到适当的元素中: http://zurb.com/ink/inliner.php

        4
  •  1
  •   Ulf Gjerdingen angelo.mastro    9 年前

    是的,你可以。但是,您必须记住,很少有电子邮件客户尊重CSS标准。只需坚持基本的CSS属性,比如 margin padding 等等,一切都应该很好。

    此外,还可以将HTML元素设置为内联样式( <div style=""> )虽然这不是一个优雅的解决方案。

        5
  •  1
  •   Chris Villa    8 年前

    截至2016年9月,大多数Gmail客户机都支持嵌入式CSS,因此这样做应该是安全的。

    https://litmus.com/blog/gmail-to-support-responsive-email-design