Autor Tema: CSS diferencias color RGB RGBA Hexadecimal HSL HSLA background-color (CU01021D)  (Leído 2464 veces)

Boletos

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 57
    • Ver Perfil
Hola! Compis. Ahí va el ejercicio CU01021D:

Código html:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="weyword" content="palabras clave">
<meta name="description" content="divisiones">
<title>Ejer 1021D</title>
<link rel="stylesheet" type="css/text" href="ejer1021.css">
</head>
<body>
Cuerpo div1<br/>
Notación RGB  color, - 220,220,220
<header>
Cabecera div2<br/>
Notación RGBA color, - 90,0,0,0.5
</header>
<nav>
Menú div3<br/>
Notación hexadecimal, color - #E90
</nav>
<section>
Sección div4<br/>
Notación HSL, color - 300,10%,10%
</section>
<aside>
Aside div5<br/>
Notación HSLA, color - 200,50%,50%,0.8
</aside>
<footer>
Pié div6<br/>
Designado por un nombre, color - red
</footer>
</body>
</html>


Y el css:

Código: [Seleccionar]
/*Ejercicio 1021D*/
body{background-color:rgb(220,220,220); color:yellow; border:1px solid; font-size:36px;}
header{background-color:rgba(90,0,0,0.5); color:yellow; border:1px solid;}
nav{background-color:#E90; color:yellow; border:1px solid;}
section{background-color:hsl(300,10%,10%); color:yellow; border:1px solid;}
aside{background-color:hsla(200,50%,50%,0.8); color:yellow; border:1px solid;}
footer{background-color:red; color:yellow; border:1px solid;}

Un saludo!!
« Última modificación: 27 de Enero 2016, 08:59 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Buenas Boletos has cumplido exactamente con lo que pedía el ejercicio En las etiquetas sin cierre como <meta charset="utf-8"> recomendamos introducir el cierre con una barra final así: <meta charset="utf-8"/> para cumplir el estándar xhtml

Salu2

Boletos

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 57
    • Ver Perfil
Gracias! Ogramar.
Intentaré acordarme de la barra.
Un saludo!

 

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