Autor Tema: CSS. Tipos básicos de estilos: por defecto y en linea y sobreescritura CU01009D  (Leído 2376 veces)

KOFFERO

  • Principiante
  • **
  • Mensajes: 78
    • Ver Perfil
Tipos básicos de estilos CSS: estilos por defecto y CSS en línea (inline). Sobreescritura de estilos (ejercicio CU01009D del curso básico de programación CSS)

Enunciado:
Citar
Modifica el código HTML anterior para cumplir con estos requisitos mediante la aplicación de estilos en línea:

a) La etiqueta h1 debe mostrar su texto en color rojo.

b) La etiqueta h3 con el texto relativo a X-FASHION debe mostrar su texto en color verde.

c) La etiqueta h3 con el texto relativo a X-MOTION debe mostrar su texto en color azul.

d) Todos los párrafos deben mostrar su texto en color brown (marrón).

Código ya modificado:
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">
</head>
<body>
<p style="color: brown;"><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
<h1 style="color: red;">Novedades</h1>
<p style="color: brown;">Aquí presentamos las novedades del sitio.</p>
<h3 style="color: green;">Lanzamos el producto X-FASHION</h3>
<p style="color: brown;">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>
<h3 style="color: blue;">Mejoramos el producto T-MOTION</h3>
<p style="color: brown;">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>
</body>
</html>

Un saludo. ;D
« Última modificación: 22 de Noviembre 2017, 20:13 por Alex Rodríguez »
¡Me encanta aprender!

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Hola, ejercicio bien resuelto

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