Autor Tema: CSS. Concepto de herencia en hoja de estilos ejemplo con HTML link rel CU01013D  (Leído 1204 veces)

Jack_F

  • Visitante
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
Código: [Seleccionar]
<!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
Código: [Seleccionar]
/*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;
}
 
« Última modificación: 12 de Marzo 2017, 20:49 por Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:CSS. Concepto de herencia en hoja de estilos CU01013D
« Respuesta #1 en: 09 de Enero 2017, 22:33 »
Hola Jorgito.

Todo correcto.

A seguir adelante.

Saludos. ;D

 

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".