Q

所有的HTML電子郵件CSS的CSS可以在頭部？

2012-08-23 36 views 9 likes

9

我使用其中一個MailChimp模板作爲電子郵件設計的基礎，但是我不會使用MailChimp發送電子郵件。所有的HTML電子郵件CSS的CSS可以在頭部？

MailChimp模板頭部有大約330行CSS。自從我上次做HTML電子郵件以來，它已經有一段時間了，但這是可以接受的嗎？還是必須在元素上使用內聯樣式？

我不確定MailChimp是否有一個將所有樣式轉換爲內聯css的腳本，以及是否必須執行同樣的操作。

2012-08-23 Craig Ward

+0

是不是更多的與郵件客戶端？他們以不同的方式呈現電子郵件並允許鏈接等？ – FaddishWorm

+0

在我公司，我們使用了一個類似於Mailchimp的系統，我必須在元素中包含CSS規則。 – Zuazua

A

回答

13

inline CSS是最優選的電子郵件模板，因爲不是所有的電子郵件客戶端支持CSS in head部分

這是Guide to CSS support in email

2012-08-23 11:02:33 Dipak

+2

正是我之後，歡呼:) –

2

內聯樣式就是這樣，去實現一個一致的外觀和在所有電子郵件客戶端的感覺。

也看看：http://coding.smashingmagazine.com/2012/03/13/techniques-overcome-poor-css-support-email/

2012-08-23 11:05:40

+0

此鏈接已損壞，無法在其網站上通過快速搜索找到它（它們應重定向舊鏈接）。 – goodeye

2

下面是在頭服用HTML的電子郵件文檔與風格，內嵌移動它們一個很好的工具。應該爲你節省大量的時間和精力。

http://premailer.dialect.ca/

2012-08-23 16:03:57

0

這取決於你正在使用發送電子郵件哪家公司，一些公司，如活動監控器將自動在頭部添加您的樣式標記與類或ID對應的元素。我會在發送之前檢查公司是否提供該服務。

即使您使用的服務會自動將其添加到內聯中，以防萬一您決定切換到另一個提供者，我仍會建議始終使用內聯樣式。

通常，使用頭部樣式的問題來自gmail，hotmail和yahoo郵件。這些電子郵件客戶端往往會剝離<head>標籤。有些人聲稱他們在<head>風格的電子郵件客戶端中取得了積極的成果，但如果我是你，我會安全地進行內聯。

2012-08-23 16:33:19

2

對於head中的媒體查詢和樣式，Gmail現在是rolling out support。使用Campaign Monitor's Guide，所有主要客戶端現在支持head中的樣式。如果您想要儘可能廣泛的支持，那麼保持內聯樣式可能更安全，但如果您的用戶都使用主要客戶端，現在可以安全地開始抽出樣式了。

2016-09-30 18:42:43

相關問題