CSS

Un elemento HTML5 viene visualizzato come una serie di scatole inserite una nell'altra. Al centro c'è il contenuto, eventualmente circondato da un bordo. Lo spazio che separa il bordo dal contenuto è definito dal parametro padding, mentre lo spazio esterno al bordo è definito dal parametro margin.

Ci sono due tipi di contenuto possibili: block e inline. Alcuni elementi HTML5 sono per default di tipo block (ad esempio <div>, <h1>, <p>), mentre altri sono per default di tipo inline (ad esempio <span>, <a>, <strong>), ma è possibile modificare il tipo di visualizzazione di un elemento tramite la proprietà CSS display. In particolare display: block forza l'elemento a comportarsi come di tipo block, mentre display: inline forza l'elemento a comportarsi come di tipo inline.

• Gli elementi di tipo block:
• Occupano tutta la larghezza disponibile e iniziano sempre su una nuova riga.
• Possono avere larghezza e altezza specificate.
• Rispettano i margini verticali e orizzontali.


• Gli elementi di tipo inline:
• Occupano solo la larghezza necessaria e possono essere posizionati uno accanto all'altro sulla stessa riga.
• Ignorano le proprietà di larghezza e altezza.
• Rispettano solo i margini orizzontali.