1. 首頁
  2. 問答
  3. 找不到將我的嵌入式CSS粘貼到Gmail中的正確位置

找不到將我的嵌入式CSS粘貼到Gmail中的正確位置

2017-04-23 22 views
1

幾個月前我開始對HTML電子郵件進行一些研究（從未做過這些）。我讀到了Gmail從2016年9月開始支持嵌入式CSS或「阻止」CSS。從那時起，我一直在努力研究如何在收到我的測試信息時讓Gmail呈現嵌入式CSS。當我編寫它們時，它們看起來很好。我用這個YouTube視頻，瞭解如何插入標記在撰寫窗口：找不到將我的嵌入式CSS粘貼到Gmail中的正確位置

https://youtu.be/QprIvjZ5TYI?t=2m44s

更換整個DIV視頻中說沒有工作的方式，但我嘗試僅更換虛擬文本本身和當我點擊進入撰寫窗口時，css & html被完美呈現。下面擷取畫面：

http://imgur.com/a/cPi2B

問題是，當我把它看了看收到的電子郵件，樣式規則被忽略。試圖發佈另一個screencap，但是SO告訴我我需要10的聲望才能這樣做，而我是低的1.無論如何，請相信我，傳入消息中的所有文本都是黑色的。

在我的第一次嘗試中，我使用了整個html文件，從....然後我試着....相同的結果。然後我嘗試擴展我正在替換的DIV，取代原來的父DIV，然後替換其父母的DIV ......這讓我無處可尋。同時使用Firefox和Chrome。我沒有想法。似乎其他人正在使嵌入式CSS工作。任何幫助不勝感激。

感謝， - DK

來源

2017-04-23 Dave

回答

0

一般來說，如果你要發送HTML郵件，你應該做的是使用一些外部的郵件軟件（如Microsoft Outlook，Mozilla Thunderbird中，蘋果公司郵件等），併發送它通過SMTP。

在你的情況下，它會工作，如果你的風格是內聯，這樣你就可以發送類似：

<p style="color: blue">This is a blue text</p>

但沒有發出類似的方式：

<p>This is a blue text<p>

和附加外部.css文件，因爲您不能以這種方式在電子郵件中附加CSS文件。

您總是可以使用一些縮小器（如here或here或here）將內聯CSS中的CSS和HTML轉換爲HTML。

如果您100％確定自己提供了正確的HTML和內嵌CSS，那麼您應該將保存爲草稿，然後從草稿視圖中發送。它爲我的作品：

enter image description here

Unforunately你不能直接發送HTML郵件，但將其保存爲模板/草案將通過Gmail中進行處理，然後按預期它應該工作了。

希望它有幫助！

來源

2017-04-23 23:15:28

+0

巴特您好，感謝您的快速反應。我知道我不能使用外部樣式表。我正在嘗試使用樣式塊，然後是HTML內容。在石蕊的人們一直在做得很好。 https://litmus.com/blog/gmail-to-support-responsive-email-design – Dave

+0

AFAIK它不會像工作在瀏覽器中，從您在您的評論鏈接的網站：HTTP：//下面鏈接i.imgur.com/TrTN9dd.png。您必須使用一些第三方軟件來發送您的HTML電子郵件，或者只需使用gmail.com進行「內聯css」。 –

相關問題

 相關問題