- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Propiedad text-decoration: subrayado y otros efectos</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Diferencias entre Graceful Degradation y Progressive Enhancement</h1>
<p>Una interfaz web creada cuidadosamente según <span class="under">Graceful Degradation</span> se comportará igual que una interfaz web construida según <span class="over">Progressive Enhancement</span>.</p>
<ul>
<li><span class="under">Graceful Degradation</span> es un concepto más amplio que <span class="over">Progressive Enhancement</span>, que se limita solo a las interfaces web.</li>
<li><span class="over">Progressive Enhancement</span> marca la dirección del trabajo <span class="under">(¡empieza por lo simple!)</span>, <span class="through">mientras que para Graceful Degradation eso no es tan importante</span>.</li>
<li>Progressive Enhancement insiste en la importancia del contenido, <span class="through">mientras que para Graceful Degradation queda en segundo plano</span>.</li>
</ul>
</body>
</html>
CSS
h1 {
font-size: 24px;
}
Ha ido a otra página
Haga clic dentro del mininavegador para poner el foco en esta ventana.
ObjetivosRealizado
0
Experimentamos con text-decoration:
- Los elementos con clase
underdeben aparecer subrayados. - Los elementos con clase
overdeben aparecer con una línea superior. - Los elementos con clase
throughdeben aparecer tachados.