- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Каскадность. Коктейль из классов</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Каскадность. Коктейль из классов</h1>
<p class="blue">Каскадность — это очень мощный механизм.</p>
<p class="green">Веб-разработчик, постигший тайны каскадности, достигает просветления в вёрстке и становится гуру.</p>
<p class="blue">Веб-разработчик, не стремящийся постигнуть каскадность, так и останется подмастерьем.</p>
</body>
</html>
CSS
p {
padding: 10px;
}
.green {
background-color: #dff0d8;
}
.blue {
background-color: #aaddff;
}
.nice-box {
border-radius: 5px;
box-shadow: 3px 3px 4px #cccccc;
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
Практикуемся работать с несколькими классами. Как задать несколько классов?
- Добавьте каждому абзацу класс
nice-box. - В CSS-правиле для
nice-boxизмените свойствоborder-radius: 15px;.