Ciao a tutti,
Ho appena iniziato a studiare i css e sicuramente risulterà una banalità, ma non riesco a capire dove sia l'errore in questo codice:
HTML
<head>
<title>CSS font-family</title>
<link rel="stylesheet" href="font-family.css"/>
</head>
<body>
<header>
<h1>CSS font-family</h1>
<hr/>
<h2 class="commenti">font-family</h2>
<hr width="300px" align="left"/>
</header>
<p class="serif">paragrafo in serif</p>
<p class="sansserif">paragrafo in sans serif</p>
<p class="monospace">paragrafo in monospace</p>
<p class="cursive">paragrafo in cursive</p>
<p class="fantasy">paragrafo in fantasy</p>
<hr/>
</body>
CSS
@charset "iso-8859-1";
h1{color:white;background-color:black;}
.commenti{color:blue;background-color:yellow;}
.serif{
font-family:"Times new roman","Times",serif;
}
.sansserif{
font-family:"Verdana",sans-serif;
}
.monospace{
font-family:"Courier new",monospace;
}
.cursive{
font-family:"Florence",cursive;
}
.fantasy{
font-family:"Blippo",fantasy;
}
Così com'è, solo la stringa in monospace viene visualizzata correttamente.
In cosa sbaglio?
Grazie mille per qualsiasi aiuto. Ho appena iniziato, e non vorrei trascinarmi avanti dei problemi man mano che proseguo lo studio.