Box Model

Ogni elemento HTML può essere considerato come una scatola o box che dir si voglia.
Per avere altre risposte clicca qui

box model

Content

Indica la posizione effettiva dove viene collocato il contenuto del tag.4

Padding

Definisce l'ampiezza dello spazio vuoto fra l'area dei contenuti e il bordo.
Si possono definire singolarmente i diversi lati (padding-top, padding-bottom, padding-left e padding-right) o si può usare l'attributo "padding" che accetta 1, 2 o 4 parametri.

Border

Indica il bordo del tag.
Posso definire i singoli bordi e di essi posso specificare spessore, colore e stile della linea di bordo.

Margin

Indica lo spazio minimo che deve esistere fra il box cui la proprietà è assegnata e gli altri box presenti nella pagina.
Si possono definire singolarmente i diversi lati (margin-top, margin-bottom, margin-left e margin-right) o si può usare l'attributo "margin" che accetta 1, 2 o 4 parametri.

Width

La larghezza del content. Da tenere conto che per avere la larghezza totale del box bisogna tener conto anche delle dimensioni di padding, border e margin.

Height

L'altezza del content. Da tenere conto che per avere l'altezza totale del box bisogna tener conto anche delle dimensioni di padding, border e margin.