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:

Condividi anche tu Google Tag Manager!
Hai ancora qualche dubbio?
Chiedi pure qui sotto, sarò pronto a risponderti!

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.