Menu
Coddy logo textTech
INIZIA A IMPARARE
flag It iconItalianodown icon
html iconParte del percorso HTMLPopolarePercorso

Corso CSS

Un corso CSS gratuito e interattivo. In ogni lezione applichi stili a vero HTML (selettori, box model, colori, font, flexbox, grid, design responsive) con un'anteprima dal vivo mentre digiti e un certificato gratuito quando finisci. Fa parte del più ampio percorso HTML, quindi il contesto di markup di cui il CSS ha bisogno è lì a portata di mano.

INIZIA A IMPARARE(è gratis)
Vedi il programmaPlayground Stilizzare con CSS

325,794+ codder iscritti

119 lezioni104 sfide582 domande del quiz

  • Adatto ai principianti
  • sparkles iconAiuto alla programmazione con l'AI
  • hint iconLezioni interattive pratiche
  • volume On iconNarrazione audio in ogni lezione
  • quiz iconQuiz per mettere alla prova le tue conoscenze
  • certificate iconCertificato di completamento gratuito

Programma

2 sezioni3 progetti119 lezioni104 sfide582 domande del quiz

Questa sezione fa parte del percorso HTML. Il programma completo ha altre sezioni: clicca su un'anteprima qui sotto per vederla nella pagina del percorso.

  1. Sezione 1Fondamenti60 lezioni
  2. Sezione 2

    Stilizzare con CSS

    Inizia la sezioneIniziaEspandiComprimi    Dai vita alle tue pagine web con colori, layout e stili76 lezioni100 sfide418 domande3 progetti

    Introduzione

    5 lezioni540

    Aggiungere CSS

    4 lezioni725

    Selettori di base

    7 lezioni1247

    Fondamenti del testo

    8 lezioni1450

    Colori e sfondi

    5 lezioni834

    Menu del bar

    Progetto3 lezioni1

    Modello a scatola - Parte 1

    6 lezioni943

    Modello a scatola Parte 2

    5 lezioni833

    Flexbox

    6 lezioni943

    Modulo di accesso

    Progetto4 lezioni1

    Tecniche di layout

    7 lezioni1151

    Basi del design responsivo

    6 lezioni1052

    Pagina web del Tonga

    Progetto6 lezioni1

    Sfide finali

    4 lezioni4
  3. Sezione 3

    Padronanza di CSS

    Inizia la sezioneIniziaEspandiComprimi    Porta le tue competenze in CSS a un livello superiore!43 lezioni40 sfide164 domande

    Padronanza dei selettori – Combinazioni

    6 lezioni539

    Pseudo-classi interattive

    5 lezioni431

    Classi pseudo-strutturali

    5 lezioni432

    Progetto di menu a discesa

    4 lezioni4

    Effetti visivi

    5 lezioni536

    Pagina di destinazione

    5 lezioni5

    Costruire con CSS Grid

    4 lezioni426

    Sito web Flavor Fiesta

    4 lezioni4

    Sfide finali

    5 lezioni5
  4. Sezione 4Frontend pratico35 lezioni
  5. Sezione 5JavaScript in azione27 lezioni
Vedi il programma completo del percorso HTML
Cosa ottieni
Tutto ciò che userai per imparare a programmare

Impara facendo

Scrivi codice vero, interroga database, crea siti web e padroneggia i prompt per l'AI. Le nostre lezioni interattive coprono tutte le competenze di cui ha bisogno uno sviluppatore moderno.

playground.js
Editor di codice
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Costruisci la tua serie

Sii costante e guarda crescere i tuoi progressi! Tieni traccia della tua abitudine quotidiana di programmare, proteggi la tua serie con i giorni di congelamento e guadagna ricompense ogni giorno che ti presenti.

12 giorni di serie

Torna domani per mantenere la tua serie!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Lascia o raddoppia

Giorno 5 di 7

fire Freeze icon

Congela serie

2 left

Programma ovunque

Porta il tuo percorso di programmazione sempre con te! Niente configurazioni, niente download: apri l'app e inizia a programmare. Disponibile su iOS, Android e Web con valutazioni di 4,9 stelle.

Python
7Serie
250Punteggio
5Energia
Variabili
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUA
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Percorso
Obiettivi
Classifica
Profilo
4.9
StellaStellaStellaStellaStella
Valutazione

Non sei solo

Competi nelle classifiche globali, invita gli amici per guadagnare ricompense e festeggiate insieme i vostri successi. Programmare è più bello con gli amici!

Lega Sfidante
Lega SfidanteI primi 7 avanzano
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconZona promozioneleaderboard Arrow Up icon

Tutti i modi per imparare

Leggi, ascolta, mettiti alla prova, chiedi all'AI o ripassa qualsiasi cosa tu abbia già visto. Ogni lezione si adatta a te.

Introduzione alle variabili
Audio

Una variabile è un contenitore con un nome che memorizza un valore a cui puoi fare riferimento più avanti nel programma.

In Python la crei scrivendo il nome, un segno di uguale e poi il valore che vuoi memorizzare.

Il valore può cambiare nel tempo: riassegnare il nome lo fa semplicemente puntare a un nuovo valore.

1xSarah

Ottieni un certificato

Ottieni un certificato per ogni corso che completi. Aggiungilo al tuo profilo LinkedIn e al curriculum per mostrare ai datori di lavoro le tue competenze di programmazione.

CoddyCertificato di completamento
Si certifica cheMario Rossiha completato con successo
python iconFondamenti di Python
Verificato
Datagen 2026
LinkedInAggiungi a LinkedIn

Perché imparare il CSS con Coddy

  • Scrivi CSS nel browser e guarda la pagina cambiare stile dal vivo. Nessuna build, nessun editor da configurare. Ogni modifica a un selettore o a una proprietà compare all'istante, così vedi cosa fa davvero ogni regola.
  • CSS essenziale: selettori e specificità, box model, posizionamento, flexbox, CSS grid, transizioni, media query e design responsive. Il CSS che serve ogni giorno a ogni sviluppatore front end.
  • I suggerimenti AI ti aiutano a fare il debug delle cose che mettono sempre in difficoltà, come sorprese di specificità, layout che straripano o comportamenti strani di flexbox, senza rovinarti la soluzione, così il CSS diventa intuitivo invece che magico.
  • Certificato CSS gratuito quando finisci la sezione. Si abbina in modo naturale ai corsi di HTML e JavaScript per una base front end completa.

Domande frequenti su come imparare il CSS

Cos'è il CSS?

Il CSS (Cascading Style Sheets) è il linguaggio che controlla l'aspetto delle pagine HTML: colori, font, spaziature, layout, animazioni, comportamento responsive sulle diverse dimensioni di schermo. L'HTML definisce cosa c'è nella pagina; il CSS definisce come viene presentato.

Il CSS è difficile da imparare?

Il CSS di base (selettori, colori, font, box model) si impara facilmente in poche ore. Le parti più difficili arrivano dopo: le regole di specificità, i layout con flexbox e grid, e far apparire tutto bene su ogni dimensione di schermo. Il corso le introduce a piccoli passi con un'anteprima dal vivo, così vedi esattamente cosa fa ogni regola.

Devo imparare l'HTML prima del CSS?

Sì. L'HTML definisce la struttura di una pagina; il CSS le dà stile. Senza HTML non hai nulla a cui applicare uno stile. Per questo questa sezione sul CSS fa parte del percorso HTML: prima viene la sezione sui fondamenti dell'HTML, poi passi la maggior parte del percorso a dargli stile.

Qual è la differenza tra CSS, Flexbox e Grid?

Flexbox e Grid sono moduli di layout interni al CSS: non sono tecnologie separate, sono funzionalità del CSS. Flexbox è ideale per layout monodimensionali (una fila di schede, una barra di navigazione). Grid è ideale per layout bidimensionali (un'intera pagina, una disposizione complessa di schede). La maggior parte dei siti reali li usa entrambi, e il corso spiega quando scegliere l'uno o l'altro.

Posso imparare il CSS online gratis?

Sì. La sezione interattiva sul CSS è gratuita: lezioni complete, esercizi di programmazione, un'anteprima dal vivo e un certificato. Tutto gira nel browser, quindi non devi installare alcun editor o strumento per iniziare.

Ricevo un certificato dopo il corso CSS?

Sì. Finire la sezione sul CSS ti dà un certificato di completamento gratuito. Una prova verificabile che puoi aggiungere al curriculum o condividere su LinkedIn insieme ai certificati di HTML e JavaScript, come parte di un portfolio front end.

Percorsi di apprendimento che includono questo corso

Questo corso è un passo di un percorso più lungo: diversi corsi nell'ordine in cui li insegnerebbe un mentore, ognuno con il suo certificato gratuito.

Illustrazione dei linguaggi di programmazione di Coddy

Impara Stilizzare con CSS con Coddy

INIZIA