Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Jack_F en 02 de Enero 2017, 04:58
-
Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia con inherit. Ejemplos. (CU01013D)
Hola aquí les dejo el ejercicio del curso de fundamentos de programación web con CSS y HTML.
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="colores2.css" />
</head>
<body>
<div class="principal">
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
</div>
<div class="secundario">
<h3>Lanzamos el producto <span>X-FASHION</span></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 class="secundario">
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto <span>T-MOTION</span></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
/*Colores CSS aprenderaprogramar.com*/
body {
font-family:Arial, sens-serif; text-align:center;
}
.principal h1{
color:red; font-size:130%;
}
.secundario h3{
color:green; font-size:110%;
}
.secundario h3 span{
background-color: yellow;
}
-
Hola Jorgito.
Todo correcto.
A seguir adelante.
Saludos. ;D