Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.


Mensajes - Alfredo017498

Páginas: [1]
2
Me auto respondo:
Para que  h1.principal {color:red; font-size: 130%;} funcione, la etiqueta h1 tiene que tener dentro el nombre de la clase, en este caso <h1 class="principal">.
 

Pero todavía tengo la duda de por qué el <h1> reduce su tamaño al aplicarle {font-size:130%;}.

3
Hola, espero estar escribiendo en el foro adecuado.

    El apartado b) del ejercicio CU01013D del curso básico de programación con CSS de aprenderaprogramar dice: "Usando CSS establece como color de texto el rojo (red) y tamaño de fuente el 130% respecto de lo normal para los elementos h1 que se encuentren dentro de un elemento cuyo valor class sea <<principal>>."

    En este caso, el código css sería (si he entendido bien): 

Código: [Seleccionar]
h1.principal {color:red; font-size: 130%;}
pero no se produce ningún cambio. Sin embargo, si pongo sólo:
.principal {color:red; font-size: 130%;}

 esto afecta a todo el <div>, como es de esperar.

Si pongo:

Código: [Seleccionar]
.principal h1{color:red; font-size: 130%;}
el h1 se cambia a rojo pero se reduce bastante su tamaño.

¿Qué estoy haciendo mal? Gracias de antemano.


Código HTML:
Código: [Seleccionar]
<!DOCTYPE html>

<html><head><title>ejercicio 13</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="CSS Externo.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>


Páginas: [1]

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