Concetti chiave
Elementi di design
Layout
Responsive Design
Conclusione ed esercizi
Stile delle Tabelle per renderle leggibili
- Il tutorial insegna a stilizzare una tabella in CSS3, partendo dallo spacing, con la tecnica “table-layout: fixed” per controllare la larghezza delle colonne.
- Viene spiegato come utilizzare il “border-collapse” per gestire i bordi delle celle, rendendoli meno invasivi e più esteticamente piacevoli.
- Si consiglia l’uso della tipografia, con l’integrazione di Google Fonts, per migliorare l’aspetto del testo all’interno della tabella.
- Viene illustrato come implementare lo “zebra striping”, ovvero l’alternanza di colori tra le righe della tabella, per migliorare la leggibilità.
- Si conclude con suggerimenti per migliorare ulteriormente la leggibilità della tabella, come l’uso del caption e l’organizzazione del codice HTML con tag appropriati.