Corso CSS
Materiale in italiano propedeutico alla realizzazione di corsi CSS3.
Il corso è composto da una serie di slide in formato MD e PDF e da una serie di esercizi pratici.
Gli esempi sono pubblicati anche su Codepen.
Le slide sono disponibili nella directory slide. Sono in formato MD e possono essere visualizzate utilizzando un editor di testo o un visualizzatore di Markdown.
Scarica gratuitamente le slide in formato PDF
Gli esercizi sono disponibili nella directory esercizi. Ogni esercizio è un file HTML che contiene esempi pratici e spiegazioni dettagliate per comprendere le varie funzionalità di CSS.
Ecco l'elenco degli esercizi disponibili:
- 01-css-struttura-css3.html - Introduzione alla struttura CSS3.
- 02-css-selector-semplici.html - Esercizio sui selettori CSS semplici.
- 03-css-selector-raggruppamento.html - Esercizio sui selettori di raggruppamento CSS.
- 04-css-selector-combinator.html - Esercizio sui selettori combinatori CSS.
- 05-css-selector-pseudoclassi.html - Esercizio sulle pseudoclassi CSS.
- 06-css-selector-pseudoelementi.html - Esercizio sui pseudo-elementi CSS.
- 07-css-selector-attribute.html - Esercizio sui selettori di attributo CSS.
- 08-css-selector-attribute-contenuti.html - Esercizio sui selettori di attributo con contenuti CSS.
- 09-css-selector-attribute-substring.html - Esercizio sui selettori di attributo con sottostringhe CSS.
- 10-css-commenti.html - Esercizio sui commenti CSS.
- 11-css-color.html - Esercizio sui colori in CSS.
- 12-css-background.html - Esercizio sui background CSS.
- 13-css-background-image.html - Esercizio sulle immagini di sfondo CSS.
- 14-css-background-attachment.html - Esercizio sull'attachment del background CSS.
- 15-css-border-style.html - Esercizio sullo stile dei bordi CSS.
- 16-css-border-width.html - Esercizio sulla larghezza dei bordi CSS.
- 17-css-border-color.html - Esercizio sul colore dei bordi CSS.
- 18-css-border-sides.html - Esercizio sui bordi laterali CSS.
- 19-css-border.html - Esercizio sui bordi CSS.
- 20-css-border-radius.html - Esercizio sul raggio dei bordi CSS.
- 21-css-margin.html - Esercizio sui margini CSS.
- 22-css-padding.html - Esercizio sui padding CSS.
- 23-css-height-width.html - Esercizio su altezza e larghezza CSS.
- 24-css-boxmodel.html - Esercizio sul modello di box CSS.
- 25-css-outline.html - Esercizio sulle outline CSS.
- 26-css-text.html - Esercizio sul testo CSS.
- 27-css-text-decoration.html - Esercizio sulla decorazione del testo CSS.
- 28-css-text-transform.html - Esercizio sulla trasformazione del testo CSS.
- 29-css-text-spacing.html - Esercizio sulla spaziatura del testo CSS.
- 30-css-text-shadow.html - Esercizio sull'ombra del testo CSS.
- 31-css-font.html - Esercizio sui font CSS.
- 32-css-fallback.html - Esercizio sui fallback CSS.
- 33-css-font-style.html - Esercizio sullo stile dei font CSS.
- 34-css-font-google.html - Esercizio sui font di Google CSS.
- 35-css-font-awesome.html - Esercizio sui font awesome CSS.
- 36-css-link.html - Esercizio sui link CSS.
- 37-css-list.html - Esercizio sulle liste CSS.
- 38-css-position.html - Esercizio sulla posizione CSS.
- 39-css-table.html - Esercizio sulle tabelle CSS.
- 40-css-display.html - Esercizio sulle proprietà di visualizzazione CSS.
- 41-css-max-width.html - Esercizio sulla larghezza massima CSS.
- 42-css-position.html - Esercizio sulla posizione CSS.
- 43-css-zindex.html - Esercizio sull'indice Z CSS.
- 44-css-overflow.html - Esercizio sull'overflow CSS.
- 45-css-float.html - Esercizio sul float CSS.
- 46-css-clear.html - Esercizio sul clear CSS.
- 47-css-align.html - Esercizio sull'allineamento CSS.
- 48-css-important.html - Esercizio sull'uso di !important in CSS.
- 49-css-gradient.html - Esercizio sui gradienti CSS.
- 50-css-transition.html - Esercizio sulle transizioni CSS.
- 51-css-animation.html - Esercizio sulle animazioni CSS.
- 52-css-filter.html - Esercizio sui filtri CSS.
- 53-css-resize.html - Esercizio sul resize CSS.
- 54-css-var.html - Esercizio sulle variabili CSS.
- 55-css-transform.html - Esercizio sulle trasformazioni CSS.
- 56-css-media.html - Esercizio sulle media queries CSS.
- 57-css-nesting.html - Esercizio sul nesting.
- 58-css-scope.html - Esercizio sullo scope.
- 59-css-layer.html - Esercizio sui layer.
- 60-css-color-schema.html - Esercizio sul color schema.
- 61-css-is-has.html - Esercizio su is has.
- MoodleTestCSS.xml - Test CSS per Moodle.
