Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Завдання: Робота з Фіксованим Позиціонуванням | Володіння Позиціонуванням у CSS
Просунуті техніки CSS

bookЗавдання: Робота з Фіксованим Позиціонуванням

Завдання

Створити навігаційну панель сайту, яка залишається зафіксованою у верхній частині вебсторінки, щоб користувачі мали до неї постійний доступ. Кроки:

  1. Застосувати позиціонування fixed до навігаційного списку.
  2. Вибрати одну властивість для горизонтального зміщення (left або right).
  3. Вибрати одну властивість для вертикального зміщення (top або bottom).
  4. Перевірити функціональність, натискаючи різні посилання та переконатися, що сторінка прокручується, а навігаційна панель залишається видимою.
index.html

index.html

index.css

index.css

copy
  1. Встановіть властивість top у значення 0, щоб навігація залишалася у верхній частині веб-сторінки.
  2. Для горизонтального позиціонування використовуйте або left: 0;, щоб вирівняти по лівому краю вікна перегляду, або right: 0;, щоб вирівняти по правому краю.
index.html

index.html

index.css

index.css

copy

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 7

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.04

bookЗавдання: Робота з Фіксованим Позиціонуванням

Свайпніть щоб показати меню

Завдання

Створити навігаційну панель сайту, яка залишається зафіксованою у верхній частині вебсторінки, щоб користувачі мали до неї постійний доступ. Кроки:

  1. Застосувати позиціонування fixed до навігаційного списку.
  2. Вибрати одну властивість для горизонтального зміщення (left або right).
  3. Вибрати одну властивість для вертикального зміщення (top або bottom).
  4. Перевірити функціональність, натискаючи різні посилання та переконатися, що сторінка прокручується, а навігаційна панель залишається видимою.
index.html

index.html

index.css

index.css

copy
  1. Встановіть властивість top у значення 0, щоб навігація залишалася у верхній частині веб-сторінки.
  2. Для горизонтального позиціонування використовуйте або left: 0;, щоб вирівняти по лівому краю вікна перегляду, або right: 0;, щоб вирівняти по правому краю.
index.html

index.html

index.css

index.css

copy

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 7
some-alt