Autor Tema: Selector de clases CSS seleccionar elementos html usando class ejemplo CU01012D  (Leído 2071 veces)

hymsoft

  • Intermedio
  • ***
  • Mensajes: 103
  • hymsoft
    • Ver Perfil
Buenas buenas!!!

Les dejo mi solución para la entrega CU01012D del curso básico de desarrollo web con lenguaje CSS.

Saludos!!!!

CU01012D.html

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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="CU01012D.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 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 class="secundario">
      <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>

CU01012D.css

Código: [Seleccionar]
/* Hoja de estilos para la resolución del ejercicio
numero 2 curso CSS desde 0 aprenderaprogramar.com */

.principal{
  color:red;
  font-size: 150%;
}

.secundario{
  color:green;
  font-size: 110%;
}

.secundario p{
  background-color: yellow;
}
« Última modificación: 15 de Agosto 2016, 21:18 por Alex Rodríguez »
"Una persona inteligente es aquel que sabe ser tan inteligente como para contratar gente mas inteligente que el"

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Hola, todo correcto, Saludos.

 

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