[HTML] email client 이메일 템플릿 만들기

테스트 범위

• Gmail App/Web
• YahooMail App/Web
• Hotmail(Outlook) App/Web

참고 사이트

https://www.campaignmonitor.com/css/

http://webdesign.tutsplus.com/series/mastering-html-email--webdesign-17696

http://freshinbox.com/resources/css.php (2015.12)

http://kb.mailchimp.com/campaigns/ways-to-build/css-in-html-email (2016.08)

이슈

이메일 클라이언트 템플릿을 만들 때에는 주의해야 할 것들이 많다.

인라인으로 CSS를 적어주는 것이 가장 안전하다. 안되는 CSS 속성들도 많으니 신경 써야 한다.

특히 position 요소들이 되지 않는다. 미디어 쿼리 역시 쓸 수 없는 환경이 더 많다. (2014 기준)