8. Style Sheets

Many Web designers use Cascading Style Sheets (CSS) to simplify the coding process and ensure a consistent style throughout a Website. Use of CSS in HTML emails can be problematic, however, as many email clients will not render style sheets correctly.

Here is a handy reference on whether an email client renders certain types of style sheets correctly.

CSS and Rendering in email Clients

 

Avoid using CSS if possible; but if you must use them, choose the embedded styles also known as ‘inline’. Embed the style within the two container tags and not within the header because some email clients will truncate or strip out the header.

So, add the style within the body tags, like this:

<body>
<div style=“color:#000000;font-weight:bold;“> Main Text </div>
</body>

 

 

Read earlier blogs on “Guide to a Better HTML Email Design” on Kenscio Blog.

Share