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