> For the complete documentation index, see [llms.txt](https://learn.ziomark.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.ziomark.xyz/css/parte-1-introduzione-a-css.md).

# Parte 1: Introduzione a CSS

Benvenuti alla prima lezione del nostro corso di CSS su ZioMark's HUB! In questa lezione, esploreremo cos'è CSS, la sua storia e perché è così cruciale nello sviluppo web moderno.

### Cosa è CSS?

CSS (Cascading Style Sheets) è un linguaggio di fogli di stile utilizzato per descrivere la presentazione di un documento scritto in HTML o XML (inclusi linguaggi basati su XML come SVG o XHTML). CSS definisce come gli elementi devono essere visualizzati sullo schermo, sulla stampa, o in altri media.

### Breve Storia di CSS

CSS fu proposto per la prima volta da [Håkon Wium Lie](https://en.wikipedia.org/wiki/H%C3%A5kon_Wium_Lie) il 10 ottobre 1994. Al momento della sua proposta, il web stava diventando sempre più popolare, ma era limitato in termini di opzioni di design. CSS è stato sviluppato per permettere ai documenti di essere presentati in modi diversi e per garantire che questa presentazione fosse separata dal contenuto del documento, una pratica che è ora un principio fondamentale del web design.

### Perché Usare CSS?

1. **Controllo del Layout:** CSS offre un controllo completo su come gli elementi sono disposti nella pagina, consentendo layout complessi e reattivi.
2. **Riutilizzabilità:** I fogli di stile possono essere usati su più pagine, rendendo il design più coerente e riducendo la duplicazione del codice.
3. **Miglioramento della Manutenibilità:** Separare il contenuto dalla presentazione rende più facile gestire e aggiornare entrambi.
4. **Accessibilità:** CSS può migliorare l'accessibilità del contenuto, permettendo diverse rappresentazioni dello stesso documento per soddisfare esigenze diverse, come grandi stampe, lettori di schermo, e dispositivi mobili.

### Esercizio Pratico

Per questo esercizio, creeremo un semplice documento HTML e applicheremo alcuni stili CSS di base.

#### Istruzioni:

1. Apri il tuo editor di testo preferito e crea un nuovo file chiamato `index.html`.
2. Incolla il seguente codice HTML e CSS:

```html
<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>Introduzione a CSS</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 40px;
            background-color: #f8f8f8;
        }
        h1 {
            color: navy;
            margin-bottom: 20px;
        }
        p {
            font-size: 16px;
            color: #666;
        }
    </style>
</head>
<body>
    <h1>Benvenuti al corso di CSS</h1>
    <p>CSS è un linguaggio potente che controlla l'aspetto visivo delle pagine web.</p>
</body>
</html>
```

3. Salva il file e apri `index.html` nel tuo browser per vedere il risultato.

<figure><img src="/files/keASle2wDdEdAIYEfDyj" alt=""><figcaption></figcaption></figure>

### Conclusione

Complimenti! Hai appena creato la tua prima pagina web con stili CSS personalizzati! Hai visto come CSS può influenzare l'aspetto del testo e dello sfondo. Continua a seguire il corso per scoprire più dettagli e funzionalità avanzate di CSS.
