Selectores CSS: id. Aplicar CSS a partes de una web. Ejemplos. Diferenciar etiquetas HTML en ids (CU01011D)
Hola de nuevo aqui esta el ejercicio resuelto CU01011D del tutorial básico para la programación web de aprenderaprogramar.com.
Código HTML
<!DOCTYPE html>
<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" type="text/css" href="datos/css/estilos.css" />
</head>
<body>
<div id="Novedades">
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
</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>
<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>
</body>
</html>
Código CSS
#Novedades h1{
color:red;
background-color:yellow;
}
#xFashion h3{
color:green;
}
#xFashion p{
color:green;
}
#tMotion h3{
color:green;
}
#tMotion p{
color:green;
}