Presentazione della tecnologia CSS:
. Utilizzo dei CSS
. Gli stili inline
.
Gli stili incorporati
.
Creare un foglio stile collegato
.
Importare fogli stile
.
Commentare e formattare CSS
Il colore e le immagini in CSS:
. Colore e CSS
.
Applicare colori agli sfondi
.
Migliorare una tabella con un colore di sfondo
.
Aggiungere un’immagine di sfondo
.
Controllare la ripetizione degli sfondi
.
Posizionare un’immagine di sfondo
.
Immagini di sfondo fisse e scorrevoli
.
Rendere trasparente un colore di sfondo
.
Proprietà CSS brevi per gli sfondi
Gli stili per il testo:
. Scegliere i font
.
Applicare famiglie di font al testo
.
Dimensionare i font
.
Spessore e stile dei font
.
Colorare il testo
.
Allineare il testo
.
Decorazione del testo
.
Applicare rientri al testo
.
Trasformare e variare il testo
.
Impostare l’altezza delle righe
.
Spaziare le lettere e le parole
.
Modificare la prima lettera e la prima riga
.
Usare la proprietà breve per gli stili dei font
Effetti dei link, elenchi e navigazione:
. Lavorare con gli stati dei link
. Modificare gli stili dei link
. Stili di link multipli con i selettori di classe
. Applicare stili ai link tramite i selettori di discendente
| . Applicare stili agli elenchi ordinati
. Applicare stili agli elenchi non ordinati
. Proprietà CSS brevi per gli stili degli elenchi
. Navigazione tramite elenco verticale e colore
. Navigazione tramite elenco orizzontale e colore
. Navigazione tramite elenco orizzontale e immagini
. Link ricchi, elenchi e navigazione
Margini, bordi e padding:
. Il Box Model
. Usare i margini
. Usare i margini negativi
. Proprietà brevi per i margini
. Applicare stili ai bordi
. Proprietà brevi per i bordi
. Il padding
. Proprietà brevi per il padding
. Il controllo
Posizionamento, float e z-index:
. In posizione
. Flusso
. Blocchi contenitore
. Il viewport del browser
. Posizionamento assoluto: rispetto all’elemento root
. Posizionamento assoluto: rispetto a un altro blocco
. Posizionamento relativo
. Posizionamento fisso
. Elementi con float
. Clearing dei float
. Z-index
Tipologie di Layout:
. Tre colonne con menu laterali fissi
. Tre colonne con intestazione e piè di pagina
. Float nidificati
. Design centrati
. Layout complessi
Esempi e prove pratiche.
|
