CSS
1. “CSS zen garden”
2. I tre modi di usare i CSS
3. Le regole CSS
4. Le unità di misura
5. Tutti i colori del mondo
6. Predisporre l’ambiente di lavoro
7. Color
8. Background: colore di sfondo
9. Background: immagine di sfondo
10. Font, font-style e font-weigth
11. Text-align
12. Text-decoration
13. Border-radius
14. I commenti
Il Box Model
15. Una pagina a rettangoli
16. Width , max-width e min-width
Esercizi
Visualizza sempre gli esercizi utilizzando browser diversi e nota se ci sono differenze di visualizzazione
- Realizza gli esempi del video, utilizzando una qualsiasi immagine e verifica come l’immagine reagisca – quando usi pixel o percentuali – se ridimensioni la larghezza della finestra
- aggiungi con l’HTML una seconda immagine all’esercizio e verifica come la formattazione CSS si applichi ad entrambe le immagini
- dai uno sfondo verde e una larghezza del 50% agli elenchi puntati con larghezza minima di 400 pixel e una massima di 600 pixel. Verificane il comportamento modificando la larghezza della finestra
- applica le tre proprietà del video a 4 tag HTML a tua scelta
17. Height
Esercizi
Visualizza sempre gli esercizi utilizzando browser diversi e nota se ci sono differenze di visualizzazione
- Realizza l’esempio del video, utilizzando una qualsiasi immagine
18. Border
Esercizi
Visualizza sempre gli esercizi utilizzando browser diversi e nota se ci sono differenze di visualizzazione
- Realizza gli esempi del video, utilizzando una qualsiasi immagine
- applica un bordo a trattini, di colore AA45FB e spesso 15 pixel alla formattazione delle tabelle
- applica un bordo lineare, di colore verde e spesso 4 pixel alla formattazione degli elenchi ordinati
- come si può fare in modo che un border per un selettore ci sia ma non si veda? Trova almeno due metodi alternativi
19. Margin e Padding
Esercizi
Visualizza sempre gli esercizi utilizzando browser diversi e nota se ci sono differenze di visualizzazione
- Realizza gli esempi del video, utilizzando una qualsiasi immagine
- applica bordo, margin e padding a tuo gusto alla formattazione degli elenchi puntati