# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://learn.ziomark.xyz/css/parte-1-introduzione-a-css.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
