Завдання: Робота з Фіксованим Позиціонуванням
Завдання
Створити навігаційну панель сайту, яка залишається зафіксованою у верхній частині вебсторінки, щоб користувачі мали до неї постійний доступ. Кроки:
- Застосувати позиціонування
fixedдо навігаційного списку. - Вибрати одну властивість для горизонтального зміщення (
leftабоright). - Вибрати одну властивість для вертикального зміщення (
topабоbottom). - Перевірити функціональність, натискаючи різні посилання та переконатися, що сторінка прокручується, а навігаційна панель залишається видимою.
index.html
index.css
- Встановіть властивість
topу значення0, щоб навігація залишалася у верхній частині веб-сторінки. - Для горизонтального позиціонування використовуйте або
left: 0;, щоб вирівняти по лівому краю вікна перегляду, абоright: 0;, щоб вирівняти по правому краю.
index.html
index.css
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 7
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.04
Завдання: Робота з Фіксованим Позиціонуванням
Свайпніть щоб показати меню
Завдання
Створити навігаційну панель сайту, яка залишається зафіксованою у верхній частині вебсторінки, щоб користувачі мали до неї постійний доступ. Кроки:
- Застосувати позиціонування
fixedдо навігаційного списку. - Вибрати одну властивість для горизонтального зміщення (
leftабоright). - Вибрати одну властивість для вертикального зміщення (
topабоbottom). - Перевірити функціональність, натискаючи різні посилання та переконатися, що сторінка прокручується, а навігаційна панель залишається видимою.
index.html
index.css
- Встановіть властивість
topу значення0, щоб навігація залишалася у верхній частині веб-сторінки. - Для горизонтального позиціонування використовуйте або
left: 0;, щоб вирівняти по лівому краю вікна перегляду, абоright: 0;, щоб вирівняти по правому краю.
index.html
index.css
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 7