HTML and CSS Reference
In-Depth Information
Da un punto di vista tipografico una pagina web non è molto diversa da una pagina “fisica”
come, per esempio, la prima pagina di un quotidiano o di una rivista: ci sono diversi ele-
menti comuni come la testata, i titoli, gli articoli, le immagini e ciascuno di essi deve ave-
re una propria caratterizzazione stilistica specifica e occupare una determinata posizione
nell'impaginazione, per ottenere un aspetto complessivamente chiaro, fruibile ed estetica-
mente piacevole.
In questo senso alcune delle regole basilari restano valide indipendentemente dal “me-
dium” (cartaceo o digitale) come, per esempio, un corretto uso del colore per garantire la
leggibilità del contenuto anche a utenti con difficoltà visive come il daltonismo o, più sem-
plicemente, la presentazione di un testo suddiviso in più colonne anziché essere visualizza-
to come unico blocco con righe lunghissime. La
figura 6.2
mostra in modo eloquente come
aumenti la leggibilità di un testo separato in colonne.
Figura 6.2
- La suddivisione del testo in colonne ne aumenta la leggibilità.
Con CSS possiamo decidere di suddividere il testo in più colonne senza ricorrere all'uso
di tabelle, ma semplicemente impostando opportunamente alcune proprietà per lo stile
dell'elemento contenitore, come mostrato
nell'esempio 6.5
.
Esempio 6.5
div
{
column-count: 3;
column-gap: 20pt;
column-rule: 1px solid #aaa;
}
Nell'esempio 6.5
viene definito un layout a tre colonne, con una spaziatura di 20 punti tra
le colonne e con un bordo di separazione verticale di un pixel grigio.
