- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<title>Clases en CSS</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Esquema del curso</h1>
<p class="completed">Etiquetas de emparejamiento.</p>
<p class="completed">Etiquetas individuales.</p>
<p class="completed">Atributos de la etiqueta.</p>
<p class="completed">Estilos en línea (incorporados).</p>
<p class="in-progress">Estilos exteriores.</p>
<p class="new">Estilización por clases.</p>
</body>
</html>
CSS
body {
font-family: "Tahoma", serif;
}
h1 {
color: #999999;
}
.completed {
color: green;
}
.in-progress {
color: orange;
}
.new {
color: red;
}
Ha ido a otra página
ObjetivosRealizado
0
- Añada una propiedad
text-decorationa la regla.completedcon un valorline-through, - en la regla
.in-progresscon una propiedadpadding-leftcon un valor de15px, - en la regla
.newla propiedadbackground-colorcon el valor#fff0f0. - Por último, marque los dos últimos párrafos del esquema como aprobados, sustituyendo su clase por
completed.