ตัวอินไลน์ CSS สำหรับอีเมล

ย้าย CSS จากบล็อก <style> และช่อง CSS เพิ่มเติมแบบไม่บังคับไปไว้ในแอตทริบิวต์ style ซึ่งเป็นรูปแบบที่ไคลเอนต์อีเมลอย่าง Gmail และ Outlook แสดงผลได้อย่างเสถียร คาสเคดคำนวณตามความเฉพาะเจาะจงจริง ลำดับในซอร์ส และ !important ส่วนมีเดียคิวรี @font-face และกฎ :hover จะเก็บไว้ในบล็อก <style> เพราะอินไลน์ไม่ได้

1. 1.วางเอกสารอีเมลเต็มหรือแฟรกเมนต์ อัปโหลดไฟล์ .html หรือโหลดตัวอย่าง
2. 2.หากต้องการ วาง CSS อื่น เช่น สไตล์ชีตที่ลิงก์ไว้ ลงใน CSS เพิ่มเติม
3. 3.เลือกรูปแบบและฟอร์แมตของเอาต์พุต เปิดขั้นสูงเพื่อเปลี่ยนสิ่งที่เก็บไว้หรือแอตทริบิวต์ HTML ที่เพิ่ม
4. 4.ตรวจคำเตือน แล้วดูแท็บ HTML หรือตัวอย่างอีเมลที่ความกว้างเดสก์ท็อปและมือถือ
5. 5.คัดลอก HTML หรือดาวน์โหลด email-inlined.html

ทุกอย่างทำงานในเบราว์เซอร์ของคุณด้วยไลบรารี juice ไม่มีการอัปโหลดใด ๆ และไม่ดึงสไตล์ชีตที่ลิงก์ไว้หรือไฟล์ @import ตัวอย่างทำงานในเฟรม sandbox ที่ไม่มีสคริปต์ และโหลดรูปภาพระยะไกลเฉพาะเมื่อคุณอนุญาต การแสดงผลในเบราว์เซอร์ไม่รับประกันการแสดงผลใน Gmail หรือ Outlook HTML และตัวเลือกจะบันทึกในเบราว์เซอร์นี้ ล้างข้อมูลเว็บไซต์เพื่อลบ