我正在为电子邮件简报设计HTML模板.我了解到许多电子邮件客户端忽略了链接的样式表,而其他许多(包括Gmail)完全忽略了CSS块声明.内联样式属性是我唯一的选择吗?样式化HTML电子邮件的最佳做法是什么?
我正在生成一个使用内部样式表的html电子邮件,即
<!doctype html>
<html>
<head>
<style type="text/css">
h2.foo {color: red}
</style>
</head>
<body>
<h2 class="foo">Email content here</foo>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
在Gmail中查看时,似乎忽略了内部样式表中的所有样式.Gmail似乎忽略了除内联规则之外的所有样式,例如
<h2 style="color: red">Email content here</foo>
Run Code Online (Sandbox Code Playgroud)
这是我在使用Gmail查看时设置HTML电子邮件样式的唯一选项吗?
HTML电子邮件新闻稿的HTML/CSS是否需要采用表格格式,或者我可以使用DIV同样保证它会显示交叉电子邮件客户端吗?我已经下载了许多模板,看看它们是如何完成的,基于我自己的模板,它们似乎都在使用表格.
任何见解都非常感谢,谢谢!
我正在为有能力的客户发送带有HTML版本的电子邮件(现在几乎都没有?).我担心的是如何设计它.我是否使用内联css?我可以在html中包含样式表吗?html是以<html>
或开头的<body>
吗?有没有我可以阅读的标准?
我可以走多远造型?我有边界半径,背景渐变等,对于不支持它的浏览器(IE)具有自然回退机制.对于IE,我使用PIE.htc,我认为这太过分了......
这不是重复..在这里我不使用Twitter Bootstrap ..Before Downvoting或flaging认为人们的意图在哪里他为什么使用stackoverflow ....这里Twitter Bootstrap不使用甚至我已经包含在标签中
我已经完成了一个Html格式的电子邮件系统...所以在那里我能够以html格式发送电子邮件.内部CSS
现在我已经使用外部引导程序CSS了.
在那里CSS缺失因此我使用外部bootstrap css这是我的外部CSS链接
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
当我将它作为Html页面运行时,外部引导程序CSS是如何加载的..
但它没有在电子邮件中工作
请建议我这个..
我不是HTML/CSS的新手,虽然我之前从未创建过HTML电子邮件.
有什么好的在线资源我可以从中学习吗?
在电子邮件客户端方面,我需要考虑什么?
它们是否像浏览器一样显示HTML/CSS内容?(IE问题等)
我甚至不确定应该在哪里插入HTML/CSS!
我正在尝试使用DIV而不是表来构建HTML电子邮件,而且我对CSS很新.
我想要实现的目标如下:
******************* XXXXXXXXXXXX XXXXXXXXXXX
* image here * XXXXXXXXXXXX XXXXXXXXXXX
******************* XXXXXXXXXXXX XXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Run Code Online (Sandbox Code Playgroud)
X =一些文字
1张图片+5行文字
有任何想法吗?
我打算为邮件列表撰写HTML邮件.我该如何格式化?我考虑过的两个二分法是:
style="width: 60%"
与外部样式表什么是最佳实践或给我一些关于电子邮件格式的战争故事?
我需要创建一个 3 列布局,其中中心列是侧列宽度的两倍,而不使用引导程序,因为引导程序在电子邮件中不起作用。
在引导程序中,它将是:
<div class="container">
<div class="col-3">
</div>
<div class="col-6">
<!-- All page content goes here -->
</div>
<div class="col-3">
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
如何在不使用引导程序的情况下实现这一目标?
我找到了这个代码:
<div class="row">
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
但这似乎不起作用。