Buenas buenas!!!! Dejo mi ejercicio para la entrega CU10123D del curso práctico de desarrollo web con CSS iniciación.
Aunque la combinacion general de colores es HORRIBLE, jajajajaja si combinan los fondos con el color de la tipografía. Como siempre trate de usar todo lo aprendido hasta aca, asi que use colores hexa, rgb, por nombre html y rgba :-).
Además valide tanto el código HTML (
https://validator.w3.org/) como CSS (
https://jigsaw.w3.org/css-validator/)
PD: en el ejercicio anterior saque todos los datos de
http://www.w3schools.com/css/ y en esta entrega me doy con que no esta recomendada (ni lo contrario jejejeje), siempre hay algo para aprender...
CU01023D.htm
<!DOCTYPE html>
<html lang="es">
<head>
<title>Especificacion oficial CSS - curso aprenderaprogramar.com</title>
<meta name="author" content="Hugo A. Segura" />
<meta name="description" content="Especificación oficial CSS - Validación CSS W3C validator" />
<meta name="keywords" content="curso, aprender a programar, html, css, W3C, (CU01023D), W3C validator" />
<meta charset="utf-8" />
<meta name="robots" content="index, follow" />
<link rel="stylesheet" type="text/css" href="CU01023D.css"/>
</head>
<body>
<h1>Aprendizaje de la programación</h1>
<!-- menú -->
<div id="menu">
<h2>Menú</h2>
<ol>
<li>Programación básica</li>
<li>Programación intermedia</li>
<li>Programación avanzada</li>
</ol>
</div>
<!-- fin menú -->
<!-- footer -->
<div id="footer">
Curso aprenderaprogramar.com
</div>
</body>
</html>
l
CU01023D.css
/* Curso CSS estilos aprenderaprogramar.com*/
h1 {
color:blue;
background-color: beige;
font-size: 250%
}
h2 {
color: #D9D9D9;
background-color: #DE3163;
font-size: 200%;
}
ol{
background-color: rgb(4,123,255);
font-size: 150%;
}
li:nth-child(1){
color:rgba(0,0,0,0.25);
font-size: 80%;
}
li:nth-child(2){
color:rgba(0,0,0,0.5);
font-size: 100%;
}
li:nth-child(3){
color:rgba(0,0,0,1);
font-size: 120%;
}
#footer {
color:#65E804;
background-color: #FF1110;
font-size: 120%;
}