Можно ли использовать CSS-классы в шаблоне почтовика?

Question

Я использую Ruby on Rails 3.1.0, и я хотел бы знать, возможно ли использовать классы CSS в шаблонах почтовых программ (.html.erb). В настоящее время для стилизации электронных писем я использую HTML-код, подобный следующему:

<div style="margin: 4px 0 12px;">
  <span style="font-size: 14px;">
    ...
  </span>
</div>

Итак, возможно ли использовать CSS-классы в шаблонах почтовых программ? Если так, , где и , как я должен заявить и использовать эти классы?

Answer 1

Код похож на 1995 год, поскольку почтовые клиенты (в частности, Outlook 2007, Gmail, Hotmail) поддерживают очень ограниченный набор элементов HTML и атрибутов CSS.Используйте таблицы, встроенные стили, элементы представления (т.е. <b> вместо font-weight:bold).

Полезные ссылки при кодировании для электронной почты:

• http://www.sitepoint.com/code-html-email-newsletters/
• http://kb.mailchimp.com/article/how-to-code-html-emails
• http://www.campaignmonitor.com/css/

Answer 2

Вам повезло, потому что есть драгоценный камень под названием Roadie , который элегантно решает эту проблему. Для получения дополнительной информации см. Эпизод RailsCasts Отправка электронного письма в формате HTML .

Answer 3

Да.ERB позволяет вам писать любой HTML, который вы обычно делаете.

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

Вы можете вставить <style>.myclass { color: red; }</style> вверху шаблона почтовой программы и затем использовать <div class="mclass"> в шаблоне, но есть вероятность, что этот тег стиля будет удален клиентом.

Answer 4

Таблицы стилей имеют тенденцию к удалению некоторыми почтовыми клиентами (особенно с почтовыми веб-службами), поэтому вместо них рекомендуется использовать атрибуты стиля.