- 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-decoration
a la regla.completed
con un valorline-through
, - en la regla
.in-progress
con una propiedadpadding-left
con un valor de15px
, - en la regla
.new
la propiedadbackground-color
con el valor#fff0f0
. - Por último, marque los dos últimos párrafos del esquema como aprobados, sustituyendo su clase por
completed
.