Schedule

CSS basic tutorial

• Tutorial CSS
• Introduzione CSS
• Sintassi CSS
• Selettore CSS
• Uso CSS
• Commenti CSS
• Colori CSS
• Colori RGB CSS
• Colori HEX CSS
• Colori HSL CSS
• Sfondo CSS
• Immagine di sfondo CSS
• Ripetizione di sfondo CSS
• Attesa di sfondo CSS
• Proprietà di sfondo abbreviate CSS
• Bordo CSS
• Larghezza del bordo CSS
• Colore del bordo CSS
• Bordo CSS di tutti i lati
• Proprietà di bordo abbreviate CSS
• Angoli arrotondati del bordo CSS
• Margine CSS
• Unione dei margini CSS
• Padding CSS
• CSS height/width
• Modello di riquadro CSS
• Contorno CSS
• Larghezza del contorno CSS
• Colore del contorno CSS
• Proprietà di contorno abbreviate CSS
• Spostamento del contorno CSS
• Testo CSS
• Allineamento del testo CSS
• Decorazione del testo CSS
• Trasformazione del testo CSS
• Spaziatura del testo CSS
• Ombra del testo CSS
• Font CSS
• Stile del font CSS
• Dimensione del font CSS
• Font Google CSS
• Proprietà di font abbreviate CSS
• Icone CSS
• Link CSS
• Elenco CSS
• Tabella CSS

CSS intermediate tutorial

• CSS Display
• CSS max-width
• CSS positioning
• CSS z-index
• CSS overflow
• CSS float
• CSS clear float
• Esempio di flottazione CSS
• CSS inline-block
• CSS alignment
• CSS combinator
• Pseudo-classe CSS
• Pseudo-elemento CSS
• Opacità CSS
• Barra di navigazione CSS
• Barra di navigazione verticale CSS
• Barra di navigazione orizzontale CSS
• Menu a discesa CSS
• Galleria di immagini CSS
• Image sprite CSS
• Selettore di attributo CSS
• Form CSS
• Contatore CSS
• Layout del sito CSS
• Unità CSS
• Specificità CSS
• CSS !important
• Funzione matematica CSS

CSS3 advanced tutorial

• Arrotondamento CSS
• Immagine di bordo CSS
• Sfondo CSS
• Colori CSS
• Parola chiave di colore CSS
• Gradiente CSS
• Gradiente radiale CSS
• Ombra CSS
• box-shadow CSS
• Effetto di testo CSS
• Caratteri di rete CSS
• Trasformazioni 2D CSS
• Trasformazioni 3D CSS
• Transizioni CSS
• Animazioni CSS
• Suggerimenti CSS
• Stili di immagine CSS
• Proprietà object-fit CSS
• CSS object-position
• Sovrapposizioni CSS
• Pulsanti CSS
• Pagine CSS
• Colonne multiple CSS
• Interfaccia utente CSS
• Variabili CSS
• Variabili coperte CSS
• CSS variables - JavaScript
• CSS variables - media query
• CSS @property
• Box Sizing CSS
• Flexbox CSS
• Query di media CSS
• Esempi di query di media CSS

CSS responsive design

• RWD introduction
• RWD viewport
• RWD grid view
• RWD media query
• RWD image
• RWD video

CSS Grid tutorial

• Modulo di layout a griglia CSS
• Contenitore di griglia CSS
• Elemento di griglia CSS

Esempi CSS

• Esempi CSS

Quiz CSS

• Quiz CSS

Manuale di riferimento CSS

• Manuale di riferimento CSS
• Supporto del browser CSS
• Selettore CSS
• Funzioni CSS
• Unità CSS
• Ascolto CSS
• Caratteri di rete sicuri CSS
• Creazione animata CSS
• Unità CSS
• Colori CSS
• Valori di colore CSS
• Valori predefiniti CSS
• Entità CSS

Elective course

Course recommendation:

• Cassetto magico CodeW3C.com

HEX value

In CSS, you can specify colors using the following format of hexadecimal values:

#rrggbb

Dove rr (rosso), gg (verde) e bb (blu) sono valori esadecimali tra 00 e ff (uguali a decimali 0-255).

Ad esempio, #ff0000 viene visualizzato come rosso perché il rosso è impostato al valore massimo (ff), mentre gli altri sono impostati al valore minimo (00).

Prova la combinazione dei seguenti valori esadecimali:

Esempio

Prova da solo

Di solito si utilizzano valori uguali per tutti e tre i font di luce per definire l'ombra grigia:

Esempio

Prova da solo

Strumenti

Manuale di riferimento CSS

Esempi CSS

Quiz CSS

Libri extra CSS

Link degli sponsor