Mis códigos del ejercicio cu01021D del curso CSS desde cero.
Código HTML:
<!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"
#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ó.