Конструктор уроків
- Всеосвіта›
- Бібліотека уроків›
- Інформатика›
- Позиціювання елементів веб-сторінки за допомогою стилів
Урок:
Позиціювання елементів веб-сторінки за допомогою стилів
18.10.2022
Вміст уроку:
1
2
3
4
5
6
1
Позиціювання елемента (position) - це розміщення його в певному місці сторінки.
Значення властивість position:
position:static - стандартне позиціювання елемента, значення за замовчуванням;
position:fixed - елементи фіксовані і не змінюють положення при прокручуванні.
position:relative - елемент позиціюється щодо його позиції за замовчуванням. Основна мета відносного позиціювання полягає не в тому, щоб перемістити елемент, а в тому, щоб встановити нову точку прив'язки для абсолютного позиціювання вкладених в нього елементів;
position:absolute - елемент переміщуються щодо кордонів елемента-контейнера, якщо у контейнері встановлена властивість position: relative;
Не можна одночасно застосовувати властивість float і будь-який тип позиціювання, крім static (тобто тип за замовчуванням).
2
3
Перегляньте презентацію:
https://drive.google.com/file/d/1XAtJ_NcMiBoWSo90nn06yrHZOvCm-ZGs/view
4
5
Додаткова інформація:
6
11 з 11 балів
18 жовтня 2022
Рефлексія від 10 учнів
Сподобався:
0
Так: 9
Ні: 1
Зрозумілий:
0
Так: 8
Ні: 2
Потрібні роз'яснення:
0
Ні: 10
Так: 0