Tutte le sfide includono un esempio di codice con i file `index.html` e `index.css`. Poiché il corso è incentrato sull'apprendimento di CSS, si prega di risolvere le sfide nel file `index.css`. Dopo aver completato una sfida, cliccare sul pulsante "Run Code" per visualizzare la pagina dal vivo e verificare che la sfida sia stata risolta correttamente.

Inoltre, ogni sfida fornisce i pulsanti "Hint" e "Solution". Cliccando sul pulsante "Hint" verranno mostrati suggerimenti per il compito corrente, mentre il pulsante "Solution" rivelerà l'esempio di codice con la corretta applicazione di CSS.

Nota

## Compito
Abbiamo un sito web con due sezioni, ciascuna contenente un'intestazione (elemento `h2`) e una descrizione (elemento `p`).

Selezionare tutti i paragrafi (elementi `p`) sul sito web e applicare la proprietà `color` con il valore `orange`.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxzZWN0aW9uPgogICAgICA8aDI+QmlyZHM8L2gyPgogICAgICA8cD4KICAgICAgICBCaXJkcyBzb2FyIHRocm91Z2ggdGhlIHNreSwgdGhlaXIgd2luZ3MgYmVhdGluZyB3aXRoIGdyYWNlZnVsIGVsZWdhbmNlLgogICAgICAgIFRoZWlyIHNvbmdzIGZpbGwgdGhlIGFpciB3aXRoIGpveSBhbmQgd29uZGVyLgogICAgICA8L3A+CiAgICA8L3NlY3Rpb24+CiAgICA8c2VjdGlvbj4KICAgICAgPGgyPkZpc2hlczwvaDI+CiAgICAgIDxwPgogICAgICAgIEZpc2ggZGFydCB0aHJvdWdoIHRoZSB3YXRlciwgdGhlaXIgc2NhbGVzIHNoaW1tZXJpbmcgaW4gdGhlIGxpZ2h0LiBUaGVpcgogICAgICAgIHNpbGVudCB3b3JsZCBob2xkcyBzZWNyZXRzIHVudG9sZC4KICAgICAgPC9wPgogICAgPC9zZWN0aW9uPgogIDwvYm9keT4KPC9odG1sPg==

LyogU2V0IHRoZSBzdHlsZXMgaGVyZS4gKi8KCmgyIHsKICBjb2xvcjogZGFya2JsdWU7Cn0KCi8qIENoYW5nZSB0aGUgY29kZSBiZWxvdyB0aGlzIGxpbmUuICovCl9fXyB7CiAgX19fOiBfX187Cn0=

Utilizzare il selettore di tag `p` per selezionare tutti i paragrafi.

LyogU2V0IHRoZSBzdHlsZXMgaGVyZS4gKi8KCmgyIHsKICBjb2xvcjogZGFya2JsdWU7Cn0KCnAgewogIGNvbG9yOiBvcmFuZ2U7Cn0=

Apprendi le nozioni fondamentali di CSS (Cascading Style Sheets), il linguaggio di stile che trasforma l'aspetto e la presentazione delle pagine web. Esplora concetti chiave come stili del testo, colori, spaziatura, box model, Flexbox ed effetti decorativi. Sviluppa le competenze necessarie per creare pagine web visivamente accattivanti e ben strutturate. Ideale per principianti che desiderano costruire una solida base in CSS.

Scopri cosa è CSS, come collegarlo a HTML e come stilizzare gli elementi HTML utilizzando i selettori. Esplora concetti fondamentali come i colori del testo, le pseudo-classi di azione utente e le variabili in CSS.

Scopri come formattare e stilizzare il testo nelle tue pagine web. Impara ad applicare font personalizzati ed esplora le diverse proprietà dei font per migliorare l'aspetto del testo.

Apprendere i fondamenti del modello a scatola, che definisce il layout e la spaziatura degli elementi in una pagina web. Esplorare concetti come dimensionamento delle scatole, aggiunta di spazio agli elementi, lavoro con elementi a livello di blocco e inline, e utilizzo di pseudo-classi strutturali e funzionali per una stilizzazione avanzata.

Scopri Flexbox, un potente metodo di layout CSS per disporre gli elementi in righe e colonne. Impara a controllare la direzione, l'allineamento e la spaziatura degli elementi orizzontalmente e verticalmente, oltre a personalizzare i singoli elementi flex per layout precisi.

Scopri come migliorare l'aspetto visivo delle tue pagine web con CSS. Esplora tecniche per applicare colori e immagini di sfondo, stilizzare le immagini, utilizzare pseudo-elementi decorativi e aggiungere ombre per creare design accattivanti.

Sfida: Applica I Tuoi Primi Stili CSS

Compito

Sfida: Applica I Tuoi Primi Stili CSS

Compito