## Compito
Abbiamo un sito aziendale con le informazioni di contatto nella sezione dell'intestazione. Il tuo compito è implementare un cambio di colore quando un utente passa il mouse sopra i link nella sezione dell'intestazione.

Passaggi:
1. Seleziona tutti gli elementi `a` con la classe `header-link`.
2. Usa il pseudo-classe appropriato per l'effetto hover.
3. Applica la proprietà `color` con il valore `blue` quando i link sono in hover.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxoZWFkZXI+CiAgICAgIDxhIGNsYXNzPSJoZWFkZXItbGluayIgaHJlZj0ibWFpbHRvOnN1cHBvcnRAZGV2LmlvIj5zdXBwb3J0QGRldi5pbzwvYT4KICAgICAgPGEgY2xhc3M9ImhlYWRlci1saW5rIiBocmVmPSJ0ZWw6KzQxMjcyMDM0MTMiPjQxMi03MjAtMzQxMzwvYT4KICAgIDwvaGVhZGVyPgogICAgPHNlY3Rpb24+CiAgICAgIDxwPgogICAgICAgIEF0IFN1cHBvcnREZXYsIG91ciBtaXNzaW9uIGlzIHRvIGVtcG93ZXIgaW5kaXZpZHVhbHMgYW5kIGJ1c2luZXNzZXMgYnkKICAgICAgICBwcm92aWRpbmcgdG9wLW5vdGNoIHRlY2huaWNhbCBzdXBwb3J0LiBXZSB1bmRlcnN0YW5kIHRoZSBjaGFsbGVuZ2VzIHRoYXQKICAgICAgICBjb21lIHdpdGggbmF2aWdhdGluZyB0aGUgY29tcGxleCB3b3JsZCBvZiB0ZWNobm9sb2d5LCBhbmQgd2UgYXJlIGhlcmUgdG8KICAgICAgICBzaW1wbGlmeSBpdCBmb3IgeW91LiBXaGV0aGVyIHlvdSdyZSBhIHN0YXJ0dXAsIGEgc21hbGwgYnVzaW5lc3MsIG9yIGFuCiAgICAgICAgaW5kaXZpZHVhbCBzZWVraW5nIGFzc2lzdGFuY2UsIFN1cHBvcnREZXYgaXMgeW91ciB0cnVzdGVkIHBhcnRuZXIgaW4KICAgICAgICB0ZWNobm9sb2d5LgogICAgICA8L3A+CiAgICA8L3NlY3Rpb24+CiAgICA8Zm9vdGVyPgogICAgICA8YSBjbGFzcz0iZm9vdGVyLWxpbmsiIGhyZWY9Im1haWx0bzpzdXBwb3J0QGRldi5pbyI+c3VwcG9ydEBkZXYuaW88L2E+CiAgICAgIDxhIGNsYXNzPSJmb290ZXItbGluayIgaHJlZj0idGVsOis0MTI3MjAzNDEzIj40MTItNzIwLTM0MTM8L2E+CiAgICA8L2Zvb3Rlcj4KICA8L2JvZHk+CjwvaHRtbD4=

LyogU2V0IHRoZSBzdHlsZXMgaGVyZSAqLwoKYSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIG1hcmdpbjogMzBweDsKICBmb250LXNpemU6IDI0cHg7CiAgZm9udC13ZWlnaHQ6IDUwMDsKfQoKLmhlYWRlci1saW5rIHsKICBjb2xvcjogZGFya2dyZWVuOwp9CgovKiBDaGFuZ2UgdGhlIGNvZGUgYmVsb3cgdGhpcyBsaW5lICovCl9fXzogX19fIHsKICBjb2xvcjogX19fOwp9Ci8qIENoYW5nZSB0aGUgY29kZSBhYm92ZSB0aGlzIGxpbmUgKi8KCi5mb290ZXItbGluayB7CiAgY29sb3I6IHNhbG1vbjsKfQ==

- Utilizza il `.` e il nome della classe per selezionare un elemento tramite il suo nome di classe.
- Usa il pseudo-classe `:hover` per reagire al passaggio del cursore del mouse.

LyogU2V0IHRoZSBzdHlsZXMgaGVyZSAqLwoKYSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIG1hcmdpbjogMzBweDsKICBmb250LXNpemU6IDI0cHg7CiAgZm9udC13ZWlnaHQ6IDUwMDsKfQoKLmhlYWRlci1saW5rIHsKICBjb2xvcjogZGFya2dyZWVuOwp9CgouaGVhZGVyLWxpbms6aG92ZXIgewogIGNvbG9yOiBibHVlOwp9CgouZm9vdGVyLWxpbmsgewogIGNvbG9yOiBzYWxtb247Cn0=

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: Applicare le Pseudo-Classi di Azione Utente

Compito

Awesome!

Sfida: Applicare le Pseudo-Classi di Azione Utente

Compito