- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Conexión de scripts</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Conexión de scripts</h1>
<p class="blinking">Puede conectar scripts de varias maneras. Una forma es describir los scripts directamente dentro de la página HTML.</p>
<!--
<script>
let p = document.querySelector(".blinking");
setInterval(function() {
p.classList.toggle("big-font");
}, 2000);
</script>
-->
</body>
</html>
CSS
body {
margin: 20px;
font-size: 18px;
line-height: 24px;
}
h1 {
font-size: 52px;
line-height: 64px;
font-family: "Monaco", "Courier", monospace;
color: #618ad2;
}
.big-font {
font-size: 24px;
line-height: 36px;
}
p {
transition: font-size 0.5s;
}
Ha ido a otra página
ObjetivosRealizado
0
- Descomente la etiqueta
<script>
.