- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<title>Klasy w CSS</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Zarys kursu</h1>
<p class="completed">Sparowane znaczniki.</p>
<p class="completed">Pojedyncze znaczniki.</p>
<p class="completed">Atrybuty znaczników.</p>
<p class="completed">Wbudowane style.</p>
<p class="in-progress">Style zewnętrzne.</p>
<p class="new">Stylizacja według klasy.</p>
</body>
</html>
CSS
body {
font-family: "Tahoma", serif;
}
h1 {
color: #999999;
}
.completed {
color: green;
}
.in-progress {
color: orange;
}
.new {
color: red;
}
Sei passato a un'altra pagina
ObiettiviFatto
0
- Dodaj właściwość
text-decoration
do reguły.completed
z wartościąline-through
, - w regule
.in-progress
z właściwościąpadding-left
o wartości15px
, - w regule
.new
właściwośćbackground-colour
z wartością#fff0f0
. - Na koniec zaznacz dwa ostatnie akapity konspektu jako zaliczone, zastępując ich klasę na
completed
.