css在郵件頁面（模板）中的應用及注意點

日期：2013-11-29 來源：攀枝花惠康網絡公司

作為前端開發工程師經常會碰著郵件頁面（模板）的建造，可是要你建造出來的郵件頁面撐持眾多郵件系統揭示長短常堅苦的，一個很簡單的頁面在眾多郵件系統揭示可能有

1.excel名目：http://www.css88.com/book/CSSEmail/CSSEmail.xls

1.關于HTML標簽：

良多郵件系統會過濾<html>、<head>、<meta>、<title>、<body>、<style>、<link>，搜羅html的dtd信息，等；
2.關于CSS的撐持可以參考各個郵件系統中的撐持情形的統計列表(轉載請注明出處：WEB前端開發 http://www.css88.com/)

3.建議把css以style屬性插入到每個有樣式的標簽中，當然這里要充實考慮樣式的擔任，以免都寫一再的樣式代碼。

建議：(轉載請注明出處：WEB前端開發 http://www.css88.com/)

2.PDF名目：http://www.css88.com/book/CSSEmail/CSSEmail.pdf

以上資料來自己http://www.campaignmonitor.com/css/

//以下是文中的部門翻譯，水平太差，請見諒：

桌面客戶端
這是我們為了2008 CSS 指南而測試過的Email客戶端清單。
但在2008年，Entourage必定搶到了一些土地。
今年我們沒有看到任何方面的巨年夜改良（沒有年夜量的更新正在進行）。
它僅僅帶給我們一個精練的用戶界面而已。
但愿這是一個來自于Redmond的標識表記標幟。

收集客戶端
以下是8個我們今年測試的基于收集的Email客戶端。
我們增添了AOL收集。Mac和新的gmail。
更新后的Live Hotmail接口帶來了一些CSS的改良，搜羅撐持標簽
<head>和<body>中的元素<style>和<link>。

良多的分歧，甚至嚴重變形。在這里我僅僅分享一下自己的經驗：(轉載請注明出處：WEB前端開發 http://www.css88.com/)

1.使用table結構
因為css在眾多郵件系統中撐持差異性，建議table結構，可以省去良多結構樣式；
2.不要在<body>中寫樣式；因為這個標簽在良多郵件系統中是被過濾，甚至被替代成各個郵件系統中默認的標簽和樣式；
我們曾經對gmail能夠改善它的低尺度撐持寄予厚望，但很是不幸的是

文章來源：攀枝花惠康網絡公司

惠康網絡，是一家專業從事攀枝花網站建設，攀枝花網站制作，攀枝花網站設計公司，提供網站建設一條龍服務（網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣），惠康網絡立足攀枝花，輻射全中國，攀枝花惠康網絡的客戶已經遍布國內各地大中小城市，我們高效優質的網站建設服務深受用戶好評。