Quali sono i principali metodi di layout delle pagine web?

I metodi principali per la disposizione delle pagine web includono:

• Layout a blocchi (Block Layout) — utilizzo di elementi a blocco (div, section, ecc.) per costruire la struttura della pagina.
• Flexbox — metodo moderno che permette di allineare e distribuire lo spazio tra gli elementi in una sola dimensione (riga o colonna).
• CSS Grid — strumento potente per creare griglie bidimensionali, consentendo di gestire la disposizione degli elementi in righe e colonne.
• Posizionamento (position) — posizionamento assoluto, relativo, fisso e statico degli elementi sulla pagina.
• Elementi flottanti (float) — metodo obsoleto per avvolgere gli elementi, ora usato raramente.

Esempio di utilizzo di Flexbox:

.container {
  display: flex;
  justify-content: center; /* allineamento orizzontale */
  align-items: center;    /* allineamento verticale */
}