Come usare i CSS con HTML?

CSS, che sta per Cascading Style Sheets, è un linguaggio usato per descrivere l’aspetto e la formattazione di un documento scritto in HTML. Può controllare layout, colori, font e molto altro.

Ci sono tre modi per incorporare CSS in un documento HTML:

1. Inline CSS: Questo metodo prevede l’inserimento di stili direttamente nelle etichette HTML utilizzando l’attributo “style”. Esempio:

```

Questo è un paragrafo rosso.

```
Questo metodo non è consigliato perché rende difficile la manutenzione del codice e riduce i benefici di riutilizzo del codice di CSS.

1. Internal CSS: Questo implica la definizione degli stili nell’head del documento HTML all’interno di un elemento “

Questo è un paragrafo rosso.

```
Questo metodo è comodo per pagine singole, ma se si vuole utilizzare gli stessi stili in più pagine, è doveroso ripetere gli stili in ogni pagina.

1. External CSS: Questo metodo implica la creazione di un file CSS separato (con estensione .css) e il link di quell’file nella pagina HTML. Questo è il modo più efficiente per incorporare CSS, specialmente quando si lavora su grandi siti web. Esempio:

CSS file (styles.css):
```
p { color: red;
}
```
HTML file:
```

Questo è un paragrafo rosso.

```
Questo metodo di utilizzo di CSS consente un alto livello di riutilizzo del codice, un sito coerente e una manutenzione molto più semplice.