Gen 2019

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:

Sfondo rosso!

Anche questo ha lo sfondo rosso!

Questo invece è verde

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

Altre Guide che potrebbero interessarti

Condividi anche tu Google Tag Manager!

Hai ancora qualche dubbio?
Chiedi pure qui sotto, sarò pronto a risponderti!

Glossario: Classi CSS

Prima devi sapere cos’è il CSS

Risultato Finale:

Link Utili:

Altre Guide che potrebbero interessarti

GLOSSARIO