Lez.15 - Corso Base Css

Selettore di Classi in un folgio di stile Css

Selettore di Classi
Le classi sono uno strumento molto potente per assegnare uno stile comune ha più elementi diversi della nostra pagina web. Per definire una classe si mette un marcatore (esattamante nella stessa maniera come abbiamo fatto per il selettore ID) in un elemento html in questa maniera:
class="nomeScelto"

Esempio pratico con il tag p:
<p class="nomeScelto">Testo del paragrafo</p>

Per richiamare il marcatore nel foglio di stile si fa precedere il nome del marcatore da un puntino .
.nomeScelto

Sintassi completa:
.nomeScelto { color:red; }

Il codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>Le Classi</title>
  <meta charset="utf-8">
  <style type="text/css">
    .pippo {
	    background-color: green;
	    color: white;
	    text-decoration: underline;
    }
  </style>
 </head>
 <body>			    
    <h1>Le Classi</h1>
    <p>Paragrafo 1</p>
    <p class="pippo">Paragrafo 2</p>
    <p>Paragrafo 3</p>
    <p class="pippo">Paragrafo 4</p>
 </body>               
</html>