« anterior próximo »
Páginas: [1]

Autor Tema: Colores CSS diferencias entre rgb, rgba, hexadecimal, hsl, hsla, nombre CU01021D  (Leído 2811 veces)

Dimitar Stefanov

  • Experto
  • *****
  • Mensajes: 598
    • Ver Perfil
Colores CSS diferencias entre rgb, rgba, hexadecimal, hsl, hsla, nombre CU01021D
« en: 12 de Enero 2016, 16:25 »
Mis códigos del ejercicio cu01021D del curso CSS desde cero.

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="programacion, cursos">
<meta name="description" content="Portal web aprenderaprogramar.com">
<link rel="stylesheet" type="text/css" href="estilos25.css">
<title>Ejemplo colores</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrappew">
<div id="menu">
</div>
<div id="body">
<span id="a">Notación RGB</span><br/>
<span id="b">Notación RGBA</span><br/>
<span id="c">Notación hexadecimal.</span><br/>
<span id="d">Notación HSL</span><br/>
<span id="e">Notación HSLA</span><br/>
<span id="f">Notación nombre</span>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos25.css"

Código: [Seleccionar]
#a {
background-color: rgb(218,165,32);
}
#b {
background-color: rgba(218,165,32,0.5);
}
#c {
background-color: #FF0000;
}
#d {
background-color: hsl(50,100%,50%);
}
#e {
background-color: hsla(50,100%,50%,0.5);
}
#f {
background-color: green;
}
Utilizo los selectores:"#" porque el método de:"nth-child(númerodeelementoreferido)" no me funcionó.
« Última modificación: 15 de Enero 2016, 18:46 por Ogramar »
En línea

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Re:Colores CSS diferencias entre rgb, rgba, hexadecimal, hsl, hsla, nombre CU01021D
« Respuesta #1 en: 15 de Enero 2016, 18:47 »
Buenas dimiste lo veo bien

Las etiquetas sin cierre recomendamos cerrarlas con />

En vez de <meta charset="utf-8">

Sería <meta charset="utf-8"/>

Sobre el nth-child, para ver lo que falla haría falta ver el código

Salu2
En línea
Páginas: [1]
« anterior próximo »
 

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