A Guide to CSS Inlining in Email

As seen on: https://litmus.com/blog/a-guide-to-css-inlining-in-email

Email development involves a combination of HTML and CSS, or Cascading Style Sheets. While HTML structures the content and layout of the email, CSS is used to style and format the content—like including link colors and headline fonts.

There are three ways to include styles within an email: using external stylesheets, embedded styles, or inline styles. While external stylesheets are a great option for web design, they aren’t the best option for email design—many webmail clients block links to external stylesheets.

Embedded styles are becoming increasingly popular due to the rise of mobile and associated popularity of responsive design techniques, but they do have their limitations. Since embedded styles are placed in the placed in the <head> of HTML documents, and some email clients, like Gmail, strip out most of the CSS styles in the <head>, the result is a royal mess in those inboxes.

Inline styles are applied directly to HTML elements in ea…

Share on Tumblr

What do you think?