Hola a todos !! dejo el código del ejercicio propuesto CU01011D del tutorial de programación CSS desde cero. Desde ya muchas gracias. Un saludo,
Luis
EJERCICIO
Analiza el siguiente código HTML. En él encontrarás tres etiquetas div. Haz lo siguiente:
a) Establece atributos id para cada una de ellas con valores <<novedades>> para la primera, <<xFashion>> para la segunda y <<tMotion>> para la tercera.
b) Usando CSS establece como color de texto el rojo (red) para los elementos h1 que se encuentren dentro del elemento con id <<novedades>>.
c) Usando CSS establece como color de texto el verde para los elementos h3 que se encuentren dentro de los elementos con id <<xFashion>> y <<tMotion>>.
d) Usando CSS establece como color de fondo para el elemento con id <<novedades>> el amarillo (yellow).
Código HTML
<!DOCTYPE html>
<!-- ejercicioCU01011D -->
<!-- aprenderaprogramar.com -->
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
<link rel="stylesheet" style="text/CSS" href="estilosCU01011D.css">
</head>
<body>
<!-- div novedades -->
<div>
<div id = "novedades">
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
</div>
<!-- fin novedades -->
<!-- div xFashion -->
<div>
<div id = "xFashion">
<h3>Lanzamos el producto X-FASHION</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 x-fashion" /></p>
</div>
<!-- fin xFashion -->
<!-- div tMotion -->
<div>
<div id = "tMotion">
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</div>
<!-- div tMotion -->
</body>
</html>
Codigo CSS
/* Hoja de estilos: estilosCU01011D.css */
/* correspondiente a ejercicioCU01011D.html */
#novedades h1 {color:red;}
#xFashion h3, #tMotion h3 {color:green;}
#novedades {background:yellow;}