Aaah! Claro, tienes que referir exactamente lo que estás haciendo, normalmente cuando hablamos de ejercicios nos referimos al ejercicio (o ejercicios) que vienen al final de cada tema.
He tomado tu código html y tu código css y los he puesto en un solo archivo:
<!DOCTYPE html>
<!--codigo base par el curso CSS-->
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta charset="utf-8">
<meta name="description"content="Portal web aprenderaprogramar.com">
<meta name="keywords"content="aprender,programar,cursos,libros">
<style type="text/css">
p.destacado{background-color:orange;
font-weight:bold;
font-size:100%;}
div.destacado{background-color:blue;
font-weight:bold;
font-size:100%;}
div.destacado span{background-color:blue;
font-weight:bold;
font-size:100%;}
</style>
</head>
<!--Contenido de la pagina web-->
<body>
<!--Cabecera de la pagina web-->
<div class="destacado">
<h1>Portal web de aprenderaprogramar.com</h1>
<h2>Didactica y divulgacion de la programacion</h2>
</div>
<!--Fin de la cabecera-->
<br/>
<!--Contenedor para la parte central-->
<div>
<!--menu-->
<div>
<div class="destacado"><span>Menu</div>
<hr/>
<ul>
<li><a href="#" >Inicio</a></li>
<li><a href="libros.html" >Libros de programacion</a></li>
<li><a href="cursos.html" >Cursos de programacion</a></li>
<li><a href="Humor.html" >Humor informatico</a></li>
</ul>
</span>
</div>
<!--fin menu-->
<!--cuerpo-->
</div>
<!--Texto con imagenes-->
<div>
<p class="destacado">Aprender a programar es un objetivo que se plantea mucha gente y que no todos alcanzan.</p>
<p>Hay que tener claro que <a href="https://www.aprenderaprogramar.com">aprender programación</a> no es tarea de un día ni de una semana: aprender programación requiere al menos varios meses y, si hablamos de programación a nivel profesional, varios años. No queremos con esto desanimar a nadie: en un plazo de unos pocos días podemos estar haciendo nuestros primeros programas.</p>
<p>Puedes seguir uno de <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86">nuestros cursos</a> entre los varios disponibles. Cuando haya que utilizar un editor de textos recomendamos el uso de uno potente y sencillo como Notepad++, aunque son válidas otras alternativas como Crimson Editor.</p>
<a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=205&catid=57:herramientas-informaticas&Itemid=179">
<img src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
</a>
<img src="http://www.crimsoneditor.com/images/logo.jpg" alt="Crimson" title="Crimson, un editor de texto alternativo">
</div>
<!-- Fin del texto con imagenes-->
<br/>
<!--Formulario de contacto-->
<form method="get"action="accion.html">
<p class="destacado">Si quieres contactar con nosotros envianos este formulario relleno:</p><br/><br/>
Nombre:<input type="text"name="nombre"/><br/>
Apellidos:<input type="text"name="apellidos"/><br/>
Direccion:<input type="text"name="direccion"/><br/>
Correo electronico:<input type="text"name="correo"/><br/>
Mensaje:<textarea name="mensaje"cols="30"rows="2"></textarea><br/><br/>
<input type="submit"value="Enviar">
<input type="reset"value="Cancelar">
</form>
<!--Fin del formulario-->
</div>
<!--fin cuerpo-->
</div>
<!--fin contenedor para la parte central-->
<br/><br/><br/>
<!--Pie de pagina o footer-->
<div
<img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="logo apr" title="Logo aprenderaprogramar.com">
Copyright 2006-2038 aprenderaprogramar.com
</div>
<!--Fin del pie de pagina-->
</body>
<!--Fin del contenido de la pagina web-->
</html>
Yo lo veo bien: unas cosas se ven con fondo azul y otras con fondo naranja.
¿Puede ser que no estuvieras enlazando el archivo css correcto?
Salu2