Autor Tema: CSS ejemplo uso atributo html class y aplicación de estilos ejercicio CU01013D  (Leído 2412 veces)

Dimitar Stefanov

  • Experto
  • *****
  • Mensajes: 598
    • Ver Perfil
Mi solución al ejercicio CU01013D:

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos12.css">
<body>
<div class="principal">
<h1 class="principal">Novedades</h1>
<p>Aquí presentamos las novedades del estilo.</p>
</div>
<div class="secundario">
<h3>Lanzamos el producto <span>X-FASHION</span></h3>
<p>Este producto permite estirar la pies 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="tercera">
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</div>
</body>
</html>

Código CSS:

Código: [Seleccionar]
.principal h1 {
color: red;
font-size: 130%;
}
.secundario h3 {
color: green;
font-size: 110%;
}
.secundario h3 span {
background-color: yellow;
}
html {
font-family: Arial;
}
« Última modificación: 16 de Enero 2016, 19:31 por Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:Ejercicio CSS CU01013D
« Respuesta #1 en: 13 de Enero 2016, 02:46 »
Hola.

Tienes los mismos errores que en el ejercicio anterior.

Falta el cierre de la etiqueta head y el segundo error es que el tercer div tiene que tener class="secundario" al igual que el segundo div.

Por lo demás todo bien.

Dimitar Stefanov

  • Experto
  • *****
  • Mensajes: 598
    • Ver Perfil
Re:Ejercicio CSS CU01013D
« Respuesta #2 en: 13 de Enero 2016, 16:44 »
Buenas tardes,

Pedro.

Ejercicio corregido. Tenías razón.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".