# Cos'è un CSS Inliner e perché ti serve?
Nello sviluppo di applicazioni web moderne siamo abituati a separare le responsabilità: l'HTML costruisce la struttura, un file CSS esterno fornisce tutto lo stile visivo. Tuttavia, non tutti gli ambienti si fidano dei fogli di stile esterni o dei tag<style> globali.Il caso d'uso più diffuso e restrittivo in cui il CSS esterno non funziona è lo Sviluppo di Template Email. In questi contesti, l'unico modo affidabile perché un font, un colore o un margine vengano visualizzati correttamente è incorporarli direttamente nel tag: <span style="color: red;">.# Il problema del CSS nei client di posta
Client di posta come Microsoft Outlook, Apple Mail o Gmail hanno una storia nota per i loro motori di rendering CSS restrittivi. La maggior parte filtra o scarta i tag<link> o <style> per paura di iniezioni di codice che potrebbero compromettere l'interfaccia di lettura. Per newsletter o email transazionali (ricevute, conferme di account), l'uso di tabelle e CSS inline è lo standard d'oro nel settore dell'email marketing.
# Come funziona questo strumento nel tuo browser
- Parsing sicuro: Usa la
DOMParser APIper trasformare temporaneamente l'HTML di input in un DOM virtuale sicuro all'interno del tuo browser. - Simulazione della cascata: Analizza le tue regole CSS, applica i pesi di specificità ai selettori e modifica gli attributi
styledegli elementi HTML selezionati iniettando il codice. - 100% offline: Nessun byte del tuo codice lascia il tuo dispositivo. Privacy totale per template con contenuti sensibili.