- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойства для задания размеров и отступов</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Блочные элементы и CSS</h1>
<p class="p-first">Размеры и отступы с помощью CSS можно задавать блочным элементам. Абзац, тег <p>, является одним из них.</p>
<p class="p-second">Блочным элементам можно задавать внутренние и внешние отступы.</p>
<p class="p-third">Также им можно задавать ширину и высоту.</p>
</body>
</html>
CSS
p {
margin: 16px 0 16px 0;
background-color: #dff0d8;
}
.p-first {
}
.p-second {
}
.p-third {
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
- Добавьте в CSS-правило для класса
p-firstсвойствоmargin-left: 50px;. - В CSS-правило для класса
p-secondсвойствоpadding: 20px;. - В CSS-правило для класса
p-thirdсвойствоwidth: 50%;.
Используемые свойства детально разобраны в курсе «Блочная модель документа».