Bir e-postanın CSS’ini satır içine alın
Outlook ve birçok webmail istemcisi bir <style> bloğunu görmezden gelir ya da siler. Satır içine almak, tarayıcıda çalışan bir tasarım ile gelen kutusunda çalışan bir tasarım arasındaki sıkıcı, mekanik adımdır.
- Tümüyle tarayıcınızda çalışır
- Çevrimdışı çalışır
- Yükleme yok
- Kayıt yok
- Filigran yok
Araç yükleniyor…
Nasıl çalışır
- <style> bloğuyla birlikte HTML’i yapıştırın.
- “Inline the CSS” (CSS’i satır içine al) düğmesine basın.
- Sonucu kopyalayın ya da indirin, ve aşağıdaki önizlemede denetleyin.
Neden hiçbir şey yüklenmiyor
Bu sayfadaki her işlem, web sayfalarını çizen aynı motoru kullanarak tarayıcı sekmenizin içinde çalışan kodla yapılır. Dosya diskten sekmenizin belleğine okunur, orada dönüştürülür ve indirilecek dosya olarak geri yazılır. Hiçbir yere gönderilmez: ne bize, ne üçüncü bir tarafa.
Kendiniz doğrulayın
- Tarayıcınızın geliştirici araçlarını açın (F12) ve Ağ (Network) sekmesini seçin.
- Dosyanızı araca ekleyin ve aracı çalıştırın.
- Göreceğiniz tek istekler aracın kendi kodunu indirir — birkaç ağır araçta ayrıca açık kaynaklı motorunu kamuya açık bir CDN’den — artı loreatec.jp adresine giden küçük bir sayfa görüntüleme bildirimi (sayfanın adresi ve başlığı, başka bir şey değil). Hiçbiri dosyanızı taşımaz.
Sıkça sorulan sorular
Medya sorguları neden satır içine alınamıyor?
Çünkü satır içi bir stile bağlı hiçbir koşul yoktur — her zaman uygulanır. Bir medya sorgusu ise bir koşuldur, bu yüzden yalnızca bir <style> bloğunda yaşayabilir. Bu yüzden duyarlı bir e-posta ikisine de ihtiyaç duyar: temel tasarım için satır içi stiller, telefon düzeni için bir <style> bloğu — ve <style>’ı silen istemcilerin temel tasarımı göstereceğini kabul ederek.
:hover’a ne oluyor?
Aynı sorun, aynı yanıt: <style> bloğunda kalır. Üzerine gelme efektlerini, onu destekleyen istemciler için bir ekstra sayın, iletinin bağlı olduğu bir şey olarak asla değil.
Hangisi kazanır, var olan satır içi stilim mi yoksa stil sayfası mı?
Sizinki. Zaten bir style özniteliğinde olan her şey korunur ve stil sayfasından gelen kuralların arkasına yerleştirilir, böylece bir tarayıcıdaki gibi onları geçersiz kılmayı sürdürür.
Bu, bülten aracımın yaptığıyla aynı mı?
Çoğu, evet, gönderirken satır içine alır. Bu araç, HTML’i başka birine teslim ettiğiniz, bir API üzerinden gönderdiğiniz ya da bir kuralın neden hayatta kalmadığını çözmeye çalıştığınız durumlar içindir.