【问题标题】:Any converter to put a css stylesheet into style tags in html?任何转换器可以将 css 样式表放入 html 中的样式标签中?
【发布时间】:2021-06-20 07:35:27
【问题描述】:

编辑:标题应参考样式属性。我的错。

我创建了一个小项目(html + css)来为电子邮件创建签名。但是,我刚刚意识到我只需要 html,不需要 css。有没有什么工具可以从:

.signature_box{
    display: flex;
    position: relative;
}

到:

<div style="display:flex; position: relative;">...</div>

通过检测 div 有 'class="signature_box"'?

【问题讨论】:

标签: html css styles


【解决方案1】:

您可以在 .html 中轻松复制整个 .css,方法是这样做:

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

通过将您的样式包含到

<style></style>

编辑:

在此之后将您的代码复制到https://templates.mailchimp.com/resources/inline-css/,它应该可以工作

【讨论】:

  • 这个问题特别是关于使用style 属性,因为许多电子邮件客户端会剥离&lt;style&gt; 元素。
  • 这不会被某些电子邮件客户端拒绝吗? (我只是出于无知而问)。我也在使用@font-face。我也可以把它放在
  • 好吧,我知道了,这应该可以完成这项工作,实际上是一个“google”距离..templates.mailchimp.com/resources/inline-css
  • 我检查了这个工具。它不要求css文件,所以我无法导入它。
  • @Germán 如上所述将样式放在头部,然后使用工具
猜你喜欢
  • 2016-06-16
  • 2015-04-20
  • 2017-05-09
  • 1970-01-01
  • 2020-12-10
  • 2019-05-08
  • 2016-03-11
  • 1970-01-01
  • 2012-07-21
相关资源
最近更新 更多