Может ли весь CSS для электронных писем в формате HTML идти в голову?

Я использую один из шаблонов MailChimp в качестве основы для дизайна электронной почты, однако я не буду использовать MailChimp для отправки электронной почты.

Шаблон MailChimp содержит около 330 строк CSS в голове. Прошло некоторое время с тех пор, как я в последний раз писал электронные письма в формате HTML, но приемлемо ли это или мне нужно использовать встроенные стили для элементов?

Я не был уверен, есть ли в MailChimp скрипт, который превращает все стили во встроенный css, и нужно ли мне делать то же самое.


html css email mailchimp html-email
person Craig Ward    schedule 23.08.2012    source источник
comment
разве это больше не связано с почтовым клиентом? Они представляют электронные письма и разрешают связывание и т. д. по-разному?   -  person FaddishWorm    schedule 23.08.2012
comment
В моей компании мы используем систему, аналогичную Mailchimp, и мне приходится включать правила CSS в элементы.   -  person Zuazua    schedule 23.08.2012

Ответы (5)


arrow_upward
14
arrow_downward

inline CSS является наиболее предпочтительным для шаблонов электронной почты, поскольку не все почтовые клиенты поддерживают раздел CSS in head.

Вот Руководство по поддержке CSS в электронной почте

person Dipak    schedule 23.08.2012

arrow_upward
4
arrow_downward

Gmail теперь развертывает поддержку для медиа-запросов и стилей в файле head. С помощью Руководства Campaign Monitor все основные клиенты теперь поддерживают стили в файле head. Если вам нужна максимально широкая поддержка, вероятно, безопаснее сохранить встроенные стили, но если все ваши пользователи используют основные клиенты, теперь безопасно начать извлекать стили.

person Matthew Johnson    schedule 30.09.2016

arrow_upward
2
arrow_downward

Встроенные стили — это способ добиться единообразного внешнего вида во всех почтовых клиентах.

Также взгляните на: http://coding.smashingmagazine.com/2012/03/13/techniques-overcome-poor-css-support-email/

person Ryan McDonough    schedule 23.08.2012
comment
Эта ссылка не работает, и не удалось найти ее на их сайте с помощью быстрого поиска (они должны перенаправить старые ссылки). - person goodeye; 26.04.2014

arrow_upward
2
arrow_downward

Вот отличный инструмент для того, чтобы взять HTML-документ электронной почты со стилями в заголовке и переместить их в строку. Должно сэкономить вам много времени и усилий.

http://premailer.dialect.ca/

person Jon Smith    schedule 23.08.2012

arrow_upward
0
arrow_downward

Это зависит от того, какую компанию вы используете для отправки электронной почты, некоторые компании, такие как монитор кампании, автоматически добавят ваши стили в заголовок к соответствующим элементам, отмеченным этим классом или идентификатором. Я бы проверил, предоставляет ли компания эту услугу перед отправкой.

Я бы порекомендовал всегда использовать встроенные стили, даже если вы используете службу, которая автоматически добавляет их в строку, на тот случай, если вы когда-нибудь решите переключиться на другого поставщика.

Как правило, проблемы с использованием стилей в голове возникают из почты gmail, hotmail и yahoo. Эти почтовые клиенты, как правило, удаляют теги <head>. Некоторые люди утверждают, что у них есть положительные результаты в этих почтовых клиентах с <head> стилями, но на вашем месте я бы перестраховался и пошел в линию.

person Alex Barber    schedule 23.08.2012