邮件 CSS 内联工具
在您的浏览器中本地运行以正确的层叠将 CSS 内联到邮件 HTML,保留媒体查询并安全预览
粘贴邮件 HTML、上传 .html 文件或加载示例。
邮件 CSS 内联工具
将 <style> 块和可选“附加 CSS”中的样式移入 style 属性,这是 Gmail、Outlook 等邮件客户端能可靠渲染的格式。层叠按真实的特异性、源顺序和 !important 规则计算,媒体查询、@font-face 和 :hover 规则因无法内联而保留在 <style> 块中。
使用方法
- 1.粘贴完整的邮件文档或片段,上传 .html 文件,或加载示例。
- 2.如有需要,将额外 CSS(例如外链样式表)粘贴到“附加 CSS”。
- 3.选择输出形式和格式;打开“高级”可更改保留内容或添加的 HTML 属性。
- 4.查看警告,然后在 HTML 标签页或邮件预览中按桌面和移动端宽度检查。
- 5.复制 HTML 或下载 email-inlined.html。
限制与隐私
所有处理都使用 juice 库在浏览器中完成;不会上传任何内容,也绝不会获取外链样式表或 @import 文件。预览在无脚本的沙箱框架中运行,只有在你允许时才加载远程图片。浏览器中的显示效果不能保证 Gmail 或 Outlook 中的效果。HTML 和选项保存在此浏览器中;清除网站数据即可删除。
