Summary  
This chapter introduces Cascading Style Sheets (CSS) as a language for separating content structure from visual presentation by using selectors and declaration blocks to define properties like colors, spacing, and fonts.  

General domain of usage  
Web development

HTML definisce la struttura e il contenuto di una pagina web.
CSS definisce come viene presentato quel contenuto.

Mentre HTML organizza elementi come titoli, paragrafi e immagini, **CSS controlla** il loro **aspetto**, inclusi colori, spaziatura, caratteri, allineamento e layout.

Insieme, HTML e CSS costituiscono la base dello sviluppo web moderno.

CSS è l'acronimo di Cascading Style Sheets.
È un linguaggio di fogli di stile utilizzato per descrivere come gli elementi HTML devono essere visualizzati in un browser.

Definizione

Con CSS è possibile:
- Modificare i colori del testo e dello sfondo;
- Regolare la spaziatura tra gli elementi;
- Gestire font e tipografia;
- Creare layout;
- Aggiungere effetti visivi.

CSS non modifica la struttura di un documento.
Controlla solo l'aspetto di tale struttura.

## Sintassi di base di CSS
Una regola CSS è composta da un selettore e da un blocco di dichiarazione.<br>
Esempio:
```css
p {
  color: purple;
  background-color: green;
}
```
Spiegazione:
- `p` è il selettore. Seleziona tutti gli elementi `<p>`;
- `color: purple;` imposta il colore del testo;
- `background-color: green;` imposta il colore di sfondo.

Ogni dichiarazione segue questo formato: `property: value;`

Selettori, proprietà e valori saranno approfonditi nei prossimi capitoli.

Apprendi le nozioni fondamentali di CSS, il linguaggio di stile che trasforma l'aspetto 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.

Comprendere come CSS si collega a HTML e come gli stili vengono applicati tramite i selettori. Applicazione di colori, stili del testo ed effetti hover per controllare la presentazione visiva.

Miglioramento della tipografia tramite altezza della linea, spaziatura, proprietà dei font e font personalizzati. Controllo delle famiglie di font, peso, stile e dimensione per una migliore leggibilità.

Controllo della struttura del layout tramite proprietà di margine, padding, bordi e larghezza. Comprensione del comportamento del dimensionamento del box e dei tipi di visualizzazione degli elementi come block, inline e inline-block.

Controllo dei layout orizzontali e verticali utilizzando le proprietà Flexbox. Regolazione della direzione, dell'allineamento e della spaziatura per strutturare i componenti dell'interfaccia utente.

Migliora i layout utilizzando colori di sfondo, immagini, pseudo-elementi e ombre. Stile dei componenti visivi per profondità e contrasto.

Che Cos'è il CSS e Perché È Importante

Che cos'è CSS?

Sintassi di base di CSS