- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<title>Свойства и значения CSS</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Конспект курса</h1>
<p class="learned-ok">Парные теги.</p>
<p class="learned-ok">Одиночные теги.</p>
<p class="learned-ok">Атрибуты тегов.</p>
<p class="learned-ok">Инлайновые (встроенные) стили.</p>
<p class="learning-in-progress">Внешние стили.</p>
<p class="not-learned">Стилизация по классам.</p>
</body>
</html>
CSS
body {
font-family: "Tahoma", serif;
}
h1 {
color: #999999;
}
.learned-ok {
color: green;
}
.learning-in-progress {
color: orange;
}
.not-learned {
color: red;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
- Добавьте в правило
.learned-ok
свойствоtext-decoration
со значениемline-through
, - в правило
.learning-in-progress
свойствоpadding-left
со значением15px
, - в правило
.not-learned
свойствоbackground-color
со значением#fff0f0
. - И напоследок отметьте последние два пункта конспекта как пройденные, заменив их класс на
learned-ok
.