Возможна ли сокращенная запись CSS в HTML-письмах?

Question

Мне интересно, разрешено ли сокращенное CSS-кодирование для электронных писем HTML.

Я знаю, что допустимый CSS очень ограничен, но я знаю, что заполнение, например, разрешено, но будет ли это разрешено:

padding:0 4px 0 6px;

Answer 1

CSS, который разрешен в электронном письме, - это то, что понимает принимающий почтовый клиент.Есть много разных почтовых клиентов.Не все из них даже отображают электронную почту в формате HTML (хотя практически все делают это в наши дни), но даже там, где они отображают HTML, все механизмы их визуализации будут отличаться друг от друга, так же, как и веб-браузеры.Но в отличие от веб-браузеров, люди не всегда меняют свой почтовый клиент, если они недовольны тем, как он отображается.

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

Тем не менее, я ожидаю, что практически все почтовые клиенты будут правильно интерпретировать стиль CSS padding.

Вы можете получить некоторые с блочными моделями в режиме причуд, которые приведут к неправильным размерам и позициям ваших боксов, но они все равно должны правильно интерпретировать padding в рамках своего собственного набора правил.

Я бы сказал, что вам нужно убедиться, что весь ваш CSS-код встроен в HTML.Поместите большой тег <style> в верхней части документа, а не тег <link> с внешней ссылкой.Причина этого заключается в том, что 1) некоторые пользователи могут просматривать вашу электронную почту, когда они в автономном режиме, и в этом случае они не смогут загрузить внешнюю таблицу стилей, и 2) некоторые почтовые клиенты могут быть настроены на блокировку загрузки внешних файлов изпо электронной почте из соображений безопасности, даже если пользователь онлайн.Если все ваши стили включены в основной текст письма, это не будет проблемой.(у вас все еще может быть та же проблема с графикой, но это совершенно другая тема для обсуждения)

Answer 2

На случай, если это все еще будет интересно, я изучал это в последнее время.Некоторые компании, занимающиеся массовыми рассылками, четко заявляют, что некоторые приложения, такие как шрифт (по крайней мере), плохо отображаются на некоторых почтовых клиентах.

http://www.campaignmonitor.com/resources/will-it-work/guidelines/

Фактически после просмотра нескольких почтовых источников шаблонов (Mailchimp, Campaign Monitor и т. Д.) Все они последовательно избегают их, поэтому до сих пор мой вывод таков:

В любом случае важнее, чем стенография или нет, является тот факт, что большинство стилей CSS нужно получить "inline "столько элементов (включая Gmail) игнорирует их, если они определены на голове.

В качестве простого решения я склонен использовать базовые стили для элемента body и для содержащей его таблицы, окружающей содержимое (в качестве стилей тела).также удаляются некоторыми клиентами).

Answer 3

У меня никогда не возникало проблем с выполнением подобного 'сокращения', если указаны все значений.Технически, padding:0px 4px; должно работать так, чтобы top & bottom были 0, а left & right - 4, но не все почтовые клиенты будут это учитывать (я говорю с вами, Outlook 2007/2010!), Поэтому вам нужно включить всечетыре для полей, отступов, границ и т. д.

Answer 4

Да.

И, как и на любой «веб-странице», то, что пользователь фактически видит, полностью зависит от «браузера» (или почтового клиента с поддержкой HTML).

Вы могли бы просто попробовать это выяснить.

_{Кроме того, я рекомендую не быть противным , разбрызгивая графику и цвета по всей электронной почте. (}

Answer 5

В простейшей форме вы можете установить стиль для каждого элемента следующим образом:

<p style="padding:0 4px 0 6px;">your contents</p>