La proprietà display in CSS serve a controllare il modo in cui un elemento HTML viene visualizzato e posizionato nel layout della pagina, definendo il suo "modello di formattazione", ovvero se si comporta come un blocco che occupa tutta la larghezza (es.
), come un elemento in linea che sta a fianco agli altri (es. ), o se deve essere completamente nascosto (none). È fondamentale per la gestione dell'impaginazione e per creare layout flessibili, utilizzando valori come block, inline, inline-block, flex (per <
Il display è lo schermo con cui si interagisce con il computer, lo smartphone o altri dispositivi elettronici. Presenta visivamente le informazioni, consentendo di visualizzare immagini, testo e video.
In parole semplici, se l'HTML costruisce la struttura di un sito, il CSS si occupa del vestito: colori, spaziature, font, layout e animazioni. Grazie al CSS possiamo rendere un sito visivamente accattivante e perfettamente utilizzabile su qualsiasi dispositivo.
Un elemento display:block occupa tutto lo spazio disponibile, ovvero non accetta altri elementi nella stessa riga, a meno di non intervenire con dei float. Tra i più comuni i classici p o div. Un elemento display:inline fa ovviamente il contrario.
Con CSS Grid si lavora con righe e colonne e si crea quindi una griglia. I singoli oggetti possono essere disposti all'interno della griglia. Questo grid può o deve essere selezionato liberamente: sarà l'utente stesso a decidere le dimensioni delle righe e delle colonne.