Export in HTML + CSS

HTML + CSS è l’export senza framework: il markup della sezione più un foglio di stile fatto solo delle regole scritte dall’autore. È il formato giusto per una pagina statica, un prototipo o uno stack che non è in elenco, ed è quello che puoi usare anche in Free.

Come copiare HTML e CSS di una sezione

Solo il CSS scritto dall’autore

La maggior parte degli strumenti copia i valori calcolati dal browser: centinaia di pixel risolti e nessun breakpoint. Pickode invece analizza i fogli di stile originali, anche quelli cross-origin e gli @import, e risolve la cascata (!important, specificità, ordine) come fa il browser. Le shorthand restano shorthand.

Cosa resta	Come
@media, @supports, @container	Tutte le regole, come sono scritte
Stati	:hover, :focus, :focus-visible, :focus-within, :active, anche sugli antenati (es. .card:hover .titolo)
Pseudo-elementi	::before e ::after
CSS nidificato	Mantenuto
Variabili	var() risolte con il valore del sito
Proprietà ereditate	Le proprietà ereditate dagli antenati vengono messe sulla radice dell’export
URL	Gli URL relativi diventano assoluti

Cosa resta fuori	Perché
Valori calcolati e stili predefiniti del browser	Non fanno parte del CSS dell’autore
Reset universali (regole *)	Cambierebbero lo stile di tutta la tua pagina

Anteprima isolata

Prima di copiare, l’export si apre in una pagina isolata: vedi il codice da solo, non sopra il sito originale. Passa da 375 a 768, 1024 e 1280 px, o usa i dispositivi con cornice, per controllare che i breakpoint siano arrivati.

Free e Pro

Limiti

Correlati

• Export in React
• Export in Tailwind
• Inspector