- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Skrypty łączące</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Skrypty łączące</h1>
<p class="blinking">Skrypty można łączyć na wiele sposobów. Jednym z nich jest opisanie skryptów bezpośrednio na stronie 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;
}
Sei passato a un'altra pagina
Fare clic all'interno del mini-browser per evidenziare questa finestra.
ObiettiviFatto
0
- Usuń komentarz ze znacznika
<script>.