Glossario: Classi CSS

Ti stai chiedendo cosa sono le classi CSS?

Bene, questa guida fa proprio per te!

Prima devi sapere cos’è il CSS

Partiamo dal fatto che tu conosca già cos’è un CSS e quindi tutti quei pezzi di script che devono essere inseriti 🙂

Ma che diavolo sono ‘ste classi?

Le classi CSS non sono altro che attributi che vengono utilizzati per definire stili uguali per elementi del DOM con lo stesso nome di classe. Gli elementi HTML con lo stesso attributo “classe” avranno lo stesso identico stile.

Un esempio di codice CSS dentro ad un file con estensione .css:

style.css

.rosso {
  background-color: red;
  color: white;
}

.verde {
  background-color: green;
  color: white;
}

Bene, ora che abbiamo questo codice lo possiamo usare attraverso le classi dentro una pagina HTML.

index.html

<div class="rosso">Sfondo rosso!</div>
<div class="rosso">Anche questo ha lo sfondo rosso!</div>
<div class="verde">Questo invece è verde</div>

Risultato Finale:

In definitiva tutto quello che è dentro la dichiarazione del punto (.) può essere gestito dall’attributo class nell’elemento HTML.

Link Utili:

• W3School – Classes: https://www.w3schools.com/html/html_classes.asp