Cos'è il modello a scatola?
Fa parte della sezione Stilizzare con CSS del percorso HTML di Coddy. Lezione 33 di 76.
In CSS, ogni elemento HTML è trattato come una casella rettangolare, secondo il modello a scatola. Questo modello è composto da quattro parti principali:
- Contenuto: Il testo, l'immagine o altro contenuto effettivo all'interno del riquadro.
- Padding: Spazio tra il contenuto e il bordo. Aumenta le dimensioni dell’elemento, ma mantiene il colore di sfondo al suo interno.
- Bordo: Una linea che circonda il padding e il contenuto. Può avere stili, colori e larghezze diversi.
- Margine: Spazio all'esterno del bordo che separa l'elemento dagli altri elementi.
Comprendere il modello a scatola aiuta a controllare la spaziatura e il layout nel web design! 🚀
Provalo tu
Questa lezione non include una sfida di codice.
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Stilizzare con CSS
4Fondamenti del testo
Colore del testoFamiglia di caratteriDimensione del carattereSpessore del carattereAllineamento del testoDecorazione del testoSfida di ripasso #1Sfida di ripasso #27Modello a scatola - Parte 1
Cos'è il modello a scatola?Spaziatura internaMarginiBordiLarghezza e altezzaSfida di riepilogo
8Modello a scatola Parte 2
Dimensionamento del boxRaggio del bordoOverflowOmbra del boxSfida di ripassoEsercitati da solo: Playground Web