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 un concetto chiave per comprendere come vengono applicate le dichiarazioni a un documento è l’ereditarietà.
L’ereditarietà regola l’applicazione degli stili tra un elemento e i suoi discendenti.
Vediamo un esempio pratico nel seguente codice:
<!DOCTYPE html>
<html>
<head>
<title>Titolo del documento</title>
<style type="text/css">
p.esempio1 {color: green;} /* applico uno stile ai paragrafi */
</style>
</head>
<body>
<p class="esempio1">Lorem ipsum dolor sit amet, <em>consectetuer adipiscing elit.</em>
</p>
</body>
</html>
Nel caso sopra descritto sarà verde – color:green – il testo incluso nel paragrafo – p – e anche quello incluso tra i tag – em -. I tag – em – sono da considerarsi figli del tag – p – in quando racchiusi all’interno di – p -. I tag – em – EREDITANO i valori delle proprietà del tag – p -.
Vediamo qui sotto un’altro esempio di ereditarietà che coinvolge gli elenchi:
<!DOCTYPE html>
<html>
<head>
<title>Titolo del documento</title>
<style type="text/css">
ul {color: green;} /* applico uno stile all'elenco non numerato - ul - */
</style>
</head>
<body>
Questa è una lista
<ul>
<li>Prima voce della lista</li>
<li>Seconda voce della lista</li>
</ul>
</body>
</html>
Anche nell’esempio descritto sopra il tag – li – eredita dal tag – ul – le proprietà CSS.
