Video Corso di CSS 3

Il CSS3 ti permette di dare l’aspetto che vuoi ai tuoi contenuti in HTML5
Esplora con me tutte le sue potenzialità secondo le specifiche del W3C.

Introduzione

• Come vengono visualizzate le pagine dai browser
• Cos’è il CSS
• Dove trovare e come leggere le specifiche
• Come controllare il supporto dei browser
• Come e perché resettare gli stili

Concetti di base

• Come scrivere la sintassi
• Cos’è e come si definisce un selettore
• Come si impostano le proprietà
• Quali sono le unità di misura
• Come definire i colori
• Cosa sono e come inserire gli stili in linea
• Cosa sono e come inserire gli stili incorporati
• Cosa sono e come inserire gli stili di file esterni CSS

Selettori fondamentali

• Cosa sono e come definire i selettori di elemento
• Cosa sono e come definire i selettori di classe
• Cosa sono e come definire i selettori di ID
• Come usare al meglio le classi e gli ID
• Cosa sono e come definire i selettori di elementi specifici
• Cos’è e come usare il selettore universale
• Cosa sono e come usare i selettori di gruppo

Selettori avanzati

• Cosa sono e come usare i selettori discendenti
• Cosa sono e come usare i selettori figli
• Cosa sono e come usare i selettori adiacenti (o fratelli)
• Cosa sono e come usare i selettori di attributo
• Cosa sono e come usare i selettori di pseudo-classi dinamiche
• Cosa sono e come usare i selettori di pseudo-classi strutturali
• Cosa sono e come usare i selettori Nth-child
• Cosa sono e come usare i selettori di pseudo-elementi

Risoluzione dei conflitti

• Cosa accade quando gli stili confliggono
• Cos’è il principio di cascata
• Cos’è il principio di ereditarietà
• Cos’è il principio di specificità
• Cos’è e come usare la dichiarazione !important

Formattazione dei caratteri

• Come assegnare il font
• Come usare font personalizzati
• Come usare i Google Fonts
• Come impostare la dimensione del font
• Come impostare corsivo e grassetto
• Come trasformare il testo in maiuscolo, minuscolo e maiuscoletto
• Come usare le decorazioni del testo
• Come impostare il colore del testo

Formattazione dei paragrafi

• Come controllare l’allineamento
• Come spaziare lettere e parole
• Come indentare il testo
• Come regolare l’altezza dei paragrafi
• Come controllare lo spazio tra gli elementi

Stilizzazione dei contenitori

• Cos’è il box model
• Come controllare lo spazio tra gli elementi
• Come controllare lo spazio interno
• Come applicare bordi
• Come definire la dimensione degli elementi
• Come allineare gli elementi
• Come arrotondare gli angoli

Gestione dello sfondo

• Come impostare un colore di sfondo
• Come impostare un’immagine di sfondo
• Come posizionare l’immagine di sfondo
• Come impostare sfondi sovrapposti
• Come usare la sintassi abbreviata per gli sfondi

Definizione dei colori

• Come definire i colori con le parole chiave
• Cos’è e come usare la notazione HSL
• Cos’è e come usare la notazione RGB
• Cos’è e come usare la notazione esadecimale
• Come regolare la trasparenza
• Come usare le notazioni RGBa e HSLa
• Come realizzare le sfumature
• Come usare fogli di stile a seconda del dispositivo