html電子郵件的速記CSS可能嗎？

Question

我想知道HTML電子郵件是否允許使用簡寫CSS編碼。

我知道允許的CSS非常有限，但我知道允許填充，但允許這樣做：

padding:0 4px 0 6px;

Answer 1

電子郵件中允許的CSS是接收電子郵件客戶端理解的內容。 有許多不同的電子郵件客戶端。 並非所有人都提供HTML電子郵件（盡管幾乎所有人都這么做），但即使他們確實渲染HTML，他們的渲染引擎也會以與Web瀏覽器相同的方式彼此不同。 但與網絡瀏覽器不同的是，如果人們對呈現的方式不滿意，人們並不總是更改他們的電子郵件客戶端。

因此，您應該期望使用幾乎任何類型的電子郵件程序來閱讀您的電子郵件，包括根本不呈現HTML的電子郵件程序，以及使用IE4復古渲染引擎呈現它的那些電子郵件程序。

也就是說，我希望幾乎所有的電子郵件客戶端都能正確解釋CSS padding樣式。

你可能會得到一些帶有怪癖模式的盒子模型，這會導致你的盒子大小和位置錯誤，但他們仍然應該在他們自己的規則集中正確解釋padding 。

我要說的一件事是你應該確保所有CSS代碼都嵌入在HTML中。 在文檔的頂部放置一個大的<style>標記，而不是帶有外部引用的<link>標記。 原因是1）一些用戶可能在他們離線時查看您的電子郵件，在這種情況下他們將無法加載外部樣式表，2）某些電子郵件客戶端可能被設置為阻止加載外部文件出於安全原因，即使用戶在線，也要在電子郵件中。 如果您的樣式都包含在電子郵件的正文中，這將不會有問題。 （你可能仍然有相同的圖形問題，但這是一個完全不同的討論主題）

Answer 2

如果這仍然是我感興趣的話，我最近一直在研究這個問題。 一些大型郵件公司明確表示某些應用程序（如字體）（至少）在某些電子郵件客戶端上的呈現效果不佳。

http://www.campaignmonitor.com/resources/will-it-work/guidelines/

實際上，在審查了一些模板的電子郵件來源（Mailchimp，Campaign Monitor等）之后，他們都一直避免使用它們，所以到目前為止我的結論也是如此。

在任何情況下，比簡寫更重要的事實是，大多數CSS樣式需要獲得元素的“內聯”（如果包括Gmail），如果在頭部定義則忽略它們。

作為一個簡單的解決方案，我傾向於在body元素和圍繞內容的包含表上使用基本樣式（因為某些客戶端也會刪除正文樣式）。

Answer 3

在最簡單的形式中，您可以為每個元素設置樣式，如下所示：

<p style="padding:0 4px 0 6px;">your contents</p>

Answer 4

是。

而且，與任何“網頁”一樣，用戶實際看到的內容完全取決於“瀏覽器”（或支持HTML的電子郵件客戶端）。

你可以簡單地嘗試一下來找出答案。

_{此外，我建議不要通過電子郵件中的圖形和顏色來表示討厭 。 :(}

Answer 5

只要提供了所有的值，我就不會像這樣做“速記”。 技術上， padding:0px 4px; 應該工作，頂部和底部是0，左和右是4，但不是所有的電子郵件客戶端都會尊重（我正在和你說話，Outlook 2007/2010！）所以你需要包括所有四個邊距，填充，邊境等