1. 1. Introduzione

   Cosa sono e a cosa servono i CSS. Guida alla consultazione della guida

I CSS e i documenti (X)HTML

1. 2. Classificazione di elementi e tag XHTML

   Capire gli elementi di una pagina Web: elementi blocco, in linea e rimpiazzati, la struttura ad albero

2. 3. Inserire i fogli di stile in un documento

   Come inserire i CSS in un documento: i link e l'oggetto @import

3. 4. L'attributo media

   Differenziare i fogli di stile in base al dispositivo che li visualizzerà

4. 5. Fogli di stile alternativi

   Lasciate decidere all'utente quale foglio di stile utilizzare per il documento

5. 6. Compatibilità

   Un problema sempre aperto: la compatibilità tra i CSS e i browser

Le regole e la sintassi per scrivere i CSS

1. 7. Come è fatto un CSS: regole e commenti

   La struttura di un foglio di stile

2. 8. I selettori

   Le fondamenta di un foglio di stile: i selettori

3. 9. Id e classi: due selettori speciali

   Come associare i fogli di stile alle parti di un documento

4. 10. Le pseudo-classi

   Le classi speciali: come definire lo stato di un elemento

5. 11. Gli Pseudo-elementi

   Creare al volo elementi fittizi non presenti nel codice del documento

6. 12. Le @-rules

   Le funzioni e la sintassi di tutte le @-rules dei CSS

Unità di misura, ereditarietà e box model

1. 13. Valori e unità di misura

   Tutti i valori e le unità di misura dei CSS: dalle dimensioni alle unità di tempo

2. 14. Ereditarietà, cascade, conflitti tra stili

   Come i CSS gestiscono la priorità e la precedenza delle regole. il concetto di Cascade

3. 15. Il box model

   Come i CSS gestiscono la visualizzazione degli elementi nella pagina

CSS all'opera: le proprietà di base

1. 16. Gestione del colore

   Cambiare il colore agli elementi, ai bordi, allo sfondo di un elemento

2. 17. Gestione dello sfondo

   Come gestire lo sfondo di un documento con in CSS

3. 18. Gestione del testo: proprietà di base

   Le proprietà base del testo: impostare il tipo di carattere, la grandezza, la formattazione

4. 19. Gestione del testo: proprietà avanzate

   Le proprietà avanzate del testo: rendere più leggibile una pagina, inserire l'ombreggiatura

Il Box Model: come disegnare la struttura della pagina

1. 20. Gestione delle dimensioni: altezza

   Definire l'altezza di un elemento: sintassi e valori

2. 21. Gestione delle dimensioni: larghezza

   Definire la larghezza di un elemento: sintassi e valori

3. 22. I Margini

   Come spaziare i vari elementi tra loro: le cinque proprietà dell'elemento margin

4. 23. Il Padding

   Creare spazi attorno agli elementi senza usare i margini

5. 24. I Bordi

   Definire lo stile, la grandezza, il colore e tutte le proprietà dei bordi di un elemento

6. 25. Le Liste

   Gestire lo stile delle liste e associare un'immagine al segnaposto

Posizionare gli elementi nella pagina

1. 26. Tre proprietà speciali: display, float clear

   Nascondere un elemento sulla pagina o posizionarlo in dipendenza di altri

2. 27. Posizionamento degli elementi

   Posizionare gli elementi in qualsiasi punto della pagina web

3. 28. Gestione della posizione

   Come collocare con precisione gli elementi in una pagina Web

Altre proprietà

1. 29. Agire sulle tabelle

   Modifica dello stile delle tabelle: table-layout, border-collapse, border-spacing ecc.

2. 30. Altre proprietà

   Le proprietà cursor, content, direction, outline, quotes, unicode-bidi

Scegliere i CSS in base al supporto di visualizzazione

1. 31. CSS per la stampa: paged media styles

   La formattazione delle pagine destinate alla stampa con i CSS

2. 32. CSS per documenti audio: aural media styles

   Controllare l'audio sui browser o su dispositivi vocali

Risorse utili

1. 33. Tabelle di compatibilità, test, validazione

   Risorse per testare e verificare la corretta sintassi dei CSS

2. 34. Gli Editor CSS

   I principali software per scrivere i CSS correttamente e con velocità

3. 35. Risorse on line

   Webografia di siti utili dedicati ai CSS

4. 36. Bibliografia

   Libri in italiano e in inglese dedicati ai CSS

Appendici ed esempi

1. 37. Testo: proprietà di base

   Vari esempi di formattazione del testo

2. 38. Creare una colonna con altezza piena

   Come rendere due colonne in un layout di uguale dimensione usando solamente tecniche CSS.