Hola, si no ves el color del h1 puede deberse a tu monitor y a que has puesto brown en lugar de red:
#novedades h1{color:red;}
A mí me funciona bien.
Para establecer el color verde como pide el enunciado sería #X-FASHION h3, #T-MOTION h3{color:green;}
Para establecer el color de fondo que pide el enunciado: #novedades{background-color:yellow; }
El ejercicio quedaría así (he unido todo en un mismo archivo):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<style type="text/css">
#novedades h1{color:red;}
#xFashion h3, #tMotion h3{color:green;}
#novedades{background-color:yellow; }
</style>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
</head>
<body>
<div id = "novedades">
<h1> Novedades </h1>
<p>Aquí presentamos las novedades del sitio.</p>
</div>
<div id="xFashion">
<h3>Lanzamos el producto xFashion</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto xFashion" /></p>
</div>
<div id="tMotion">
<h3>Mejoramos el producto tMotion</h3>
<p>Hemos lanzado una nueva versión del producto tMotion</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</div>
</body>
</html>
Saludos