Sono Andrea Tonin dello studio Luce Digitale di Rovigo, mi occupo per lavoro di web design per compagnie e marchi internazionali. Con questo corso gratuito vorrei introdurvi alla programmazione dei fogli di stili, detti CSS.

In CSS i selettori di classe assegnano le regole di stile a oggetti simili, come ad esempio ad un gruppo di div.

Ad esempio vediamo il codice:

<!DOCTYPE html>
<html>

<head>
<title>Titolo del documento</title>

<style type="text/css"> 
div.classe1 { 
  font-size: 20px;
  color: red;
}
div.classe2 { 
  font-size: 30px;
  color: green;
}
div.classe3 { 
  font-size: 40px;
  color: blue;
}
</style>

</head>

<body>
<div class="classe1">La prima regola di stile</div>
<div class="classe2">La seconda regola di stile</div>
<div class="classe3">La terza regola di stile</div>
</body>

</html>

Il risultato qui sotto:

La prima regola di stile
La seconda regola di stile
La terza regola di stile

In generale la sintassi sarà nella definizione dello stile css:

oggetto.nomeclasse{regola di stile}

Nel tag html:

<oggetto class="nomeclasse">contenuto</oggetto>

Il mio sito ufficiale>