Sono Andrea Tonin di Rovigo, sono web-designer di professione. Il mio lavoro consiste nel fornire ai miei clienti interfacce di navigazione accattivanti e personalizzate. Questa esigenza lavorativa mi ha portato a sviluppare una buona conoscenza delle tecniche HTML e CSS. Spero che questo corso pratico di CSS vi possa essere utile :)

In CSS possiamo raggruppare le dichiarazioni, scrivendo così un codice più chiaro, ordinato e facile da modificare.

Vediamo un esempio pratico nel seguente codice:

<!DOCTYPE html>
<html>
 
<head>
<title>Titolo del documento</title>
 
<style type="text/css"> 
p.esempio {color: red;}
p.esempio {font-size: 18pt;}
p.esempio {font-weight: bold;}
</style>
 
</head>
 
<body>
<p class="esempio">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</p>
</body>
 
</html>

Lo stesso effetto si ottiene con la seguente scrittura:

<!DOCTYPE html>
<html>
 
<head>
<title>Titolo del documento</title>
 
<style type="text/css"> 
p.esempio {
          color: red;
          font-size: 18 pt;
          font-weight: bold;
}
</style>
 
</head>
 
<body>
<p class="esempio">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</p>
</body>
 
</html>

Oppure se vogliamo con una rappresentazione più lineare:

<!DOCTYPE html>
<html>
 
<head>
<title>Titolo del documento</title>
 
<style type="text/css"> 
p.esempio {color: red; font-size: 18 pt; font-weight: bold;}
</style>
 
</head>
 
<body>
<p class="esempio">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</p>
</body>
 
</html>

Il mio sito ufficiale>