Can you link to a CSS file from an email?

by

Forget efficient. Forget smart. Forget maintainable. This is HTML mail we’re talking about.

HTML mail and Webmail clients are extremely limited, partly for security reasons but mainly because they’re just rubbish.
External style sheets almost certainly won’t work. HTML-embedded style sheets probably won’t work. Inline style="..." attribute on every damn element… has a much better chance of working, but still, don’t be surprised when many users can’t see styles at all, or some styles don’t work, or some basic HTML doesn’t work, and the content ends up looking like a 1997 browser threw up all over it.

HTML mail is an exercise in unpleasantness. I hate to receive it. I hate even more to author it. The sanest route for everyone is to forget HTML mail and just send a plain text message including a link to a full web page, where you can have as much CSS, JavaScript and Flash loveliness as you like.

More Related Contents:

  1. How to design an HTML/CSS signature that will work in Outlook 2016? [duplicate]
  2. How to style SVG with external CSS?
  3. Is type=”text/css” necessary in a tag?
  4. How can I make a TextArea 100% width without overflowing when padding is present in CSS?
  5. Rounded corners in outlook without images
  6. Possible to style the css3 resize function?
  7. Responsive order confirmation emails for mobile devices?
  8. Can I put a … tag within the body of a HTML file to send in email?
  9. The css padding is not working in outlook
  10. Will targeting IE8 with conditional comments work?
  11. Can Outlook 2010 use a web font in an html email?
  12. Is there an equivalent of CSS max-width that works in HTML emails?
  13. Styling the “ element in CSS?
  14. How to play CSS3 transitions in a loop?
  15. How do I disable the resizable property of a textarea?
  16. Center image using text-align center?
  17. Why do browsers match CSS selectors from right to left?
  18. How to remove margin space around body or clear default css styles
  19. Make a div fill the height of the remaining screen space
  20. Is clearfix deprecated?
  21. CSS-Only Scrollable Table with fixed headers [duplicate]
  22. How to remove the gutter (spacing) between columns in Bootstrap?
  23. How to position two elements side by side using CSS
  24. How to make an HTML anchor tag (or link) look like a button?
  25. CSS only solution to set MULTIPLE “same height” row sections on a responsive grid
  26. Same height column bootstrap 3 row responsive
  27. How to change the style of a ‘s label?
  28. CSS custom cursor doesn’t work in FF/Chrome
  29. Flexbox with fixed header and footer and scrollable content
  30. Using sprites with IMG tag?

Leave a Comment