- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Controlamos las mayúsculas y minúsculas con text-transform</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Graceful Degradation mal aplicado</h1>
<p>En el caso más simple de un mal <span class="lower">Graceful Degradation</span>, se crea un sitio para los navegadores más modernos y, para los antiguos, se añade en la parte superior de la página un mensaje diciendo que el <span class="lower">navegador ya quedó obsoleto</span>. Y a nadie le preocupa qué pasará con el sitio en un navegador antiguo: si se romperá o no, si todo el contenido será visible o si algo desaparecerá.</p>
<p><span class="capital">Otra variante común de un mal Graceful Degradation es que la interfaz deja de funcionar cuando JavaScript está desactivado</span>. Un ejemplo sencillo: intenta enviar un mensaje en VK con JavaScript desactivado.</p>
</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-transform:
- El encabezado debe aparecer en mayúsculas.
- Las etiquetas con clase
lowerdeben aparecer en minúsculas. - Las etiquetas con clase
capitaldeben mostrar cada palabra con inicial mayúscula.