Il documento descrive una serie di esercizi CSS per la creazione e la personalizzazione di una tabella, includendo l'utilizzo di tag HTML come <table>, <th>, e <td>. Tra le modifiche proposte ci sono l'aggiunta di icone, stili per differenziare i 'check' dai 'non-check', e l'implementazione di box shadow e trasformazioni su colonne specifiche. Le versioni numerate indicano sviluppi progressivi delle funzionalità e degli stili applicati alla tabella.

1. ESERCIZI CSS: TABLE
➤ table
➤ valorizzare la colonna considerata
➤ td più lunga quella dedicata agli utenti
tratto da https://doodle.com/it/

2. V0.1
➤ sistemare con <table>, <th>, <td>
➤ mettere una <thead>
➤ stringere la width delle <th>
➤ mettere le righe principali dentro i tag <tr>

3. V0.2
➤ aggiungere font-awesome
➤ stringere i <th> e aggiungere stile per i singoli <span>
➤ stili e colori per differenziali i “check” dai “non-check”

4. V0.3
➤ mettere div contenitore a “relative” per centrare la tabella nello spazio
➤ mettere icone accanto al nome
➤ togliere i bordi default della tabella

5. V0.4
➤ box shadow sulla tabella

6. V0.4.1
➤ transform sulla seconda colonna
➤ translate3D/scale sull’asse Z