estilo css esterno no funciona <!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>Queen</title>
<link rel="stylesheet" type="text/css" href="esrilo.css" media="print">
</head>
<body >
<h1>Queen</h1>
<p>banda británica de rock formada en 1970 en londres</p>
<img src="imagenes/queen.jpg" style="width:400px;height:200px;">
<h2>Integrantes del grupo</h2>
<ul>
<li>Brian May</li>
<li>Freddie Mercury</li>
<li>John Deacon</li>
<li>Roger Taylor</li>
</ul>
<h2>Discografía</h2>
<table>
<caption>Grandes éxitos de Queen</caption>
<tr>
<th>Año</th>
<th>Disco</th>
</tr>
<tr>
<td>1975</td>
<td>A Night at the Opera</td>
</tr>
<tr>
<td>1986</td>
<td>A Kind of Magic</td>
</tr>
<tr>
<td>1989</td>
<td>The Miracle</td>
</tr>
<tr>
<td colspan="4" bgcolor="#ccc">"A Kind of Magic" fue el álbum mas exitoso.</td>
</tr>
</table>
<h2>Sitio web oficial</h2>
<p><a href="www.queenonline.com">www.queenonline.com</a></p>
<p><a href="index.html" target="_self"> <input type="button" name="boton" value="index" /> </a></p>
</body>
</html>
después creo el css y no funciona
esta guardo como: estilo.css
body{
font-family: Verdana, Geneva, sans-serif;
}
h1 {
color: #333;
font-size: 20px;
}
h2{
color:#666;
font-size: 16px;
}
p{
color:#000;
font-size: 12px;
}
li{
color:#000;
font-size: 12px;
}
caption{
color:#000;
font-size: 14px;
}
table {
border-collapse: collapse;
width: 23%;
font-size: 12px;
}
table, th, td {
border: 1px solid black;
}
td {
text-align: left;
padding: 8px;
}
th {
background-color: #666;
color: white;
padding: 8px;
}
