html - para - etiquetas css
¿Puedo colocar una etiqueta<style>...</ style> dentro del cuerpo de un archivo HTML para enviar un correo electrónico? (5)
Dado que muchos clientes de correo electrónico ignoran la etiqueta HEAD, ¿puedo insertar una hoja de estilo en línea en el cuerpo?
Crear un correo electrónico HTML que funcione en cada cliente de correo electrónico es difícil. Pasé varios meses perfeccionando una plantilla atractiva.
http://commadot.com/the-holy-mail/ - blog original con mis hallazgos.
http://commadot.com/email-best-practices/ - lo último más grande.
Respuesta específica a su pregunta: Gmail estará bien con style="" pero no con un bloque <style> .
Es posible que desee consultar las plantillas gratuitas de correo electrónico html que CampaignMonitor y MailChimp ( EDIT: y Ink by Zurb) proporcionan:
http://www.campaignmonitor.com/templates/
http://www.mailchimp.com/resources/templates/
Hay una versión actualizada de la guía útil de Campaign Monitor aquí: http://www.campaignmonitor.com/css/
Desafortunadamente, el HTML más confiable para usar en correos electrónicos es totalmente la edad de piedra
EDITAR: La tinta tiene una herramienta "intercalada" que toma los contenidos de las etiquetas de style y los inserta en los elementos apropiados: http://zurb.com/ink/inliner.php
La mayoría de los clientes de Gmail ahora admiten CSS incrustados a partir de septiembre de 2016, por lo que debería ser seguro hacerlo.
https://litmus.com/blog/gmail-to-support-responsive-email-design
La respuesta corta es no. Gmail quita la etiqueta y su contenido.
Hotmail, Yahoo! Mail y Windows Live Mail no quitan etiquetas de estilo en el elemento de cuerpo.
Pero eche un vistazo a "The Ultimate Guide to CSS" para el correo electrónico HTML en Campaign Monitor.
Sí tu puedes. Sin embargo, debe tener en cuenta que pocos clientes de correo electrónico respetan las normas CSS. Solo adhiérase a las propiedades básicas de CSS como margin y padding , etc., y todo debería estar bien.
También puedes diseñar tus elementos html en línea ( <div style=""> ) aunque no es una solución elegante.