generated from hexlet-basics/exercises-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
description.ru.yml
34 lines (25 loc) · 1.65 KB
/
description.ru.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
---
name: Высота и ширина блока
theory: |
При создании страниц часто возникает желание управлять высотой и шириной блоков. Это удобно в длинных статьях, когда требуется сделать поясняющий текст в небольшом блоке. Так он будет отделяться от основной части текста, и его сразу можно увидеть.
Для управления высотой и шириной блочных элементов используются правила `width` и `height`, принимающие значения ширины и высоты соответственно (например, в пикселях или других доступных единицах измерения).
Создадим блок высотой 100 пикселей и шириной 100 пикселей. Чтобы визуально отделить его от теории в уроке, установим чёрный цвет фона:
```html
<style>
.square {
width: 100px;
height: 100px;
background-color: #000;
}
</style>
<div class="square"></div>
```
<div class="hexlet-basics-example my-3">
<div style="width: 100px; height: 100px; background-color: #000;"></div>
</div>
instructions: |
Добавьте в редактор `<div>` с классом `rectangle`. Установите свойства:
* Ширина: 300px
* Высота 100px
* Цвет фона: `#000`
Стили запишите в теге `<style>`