Урок-5. “Поширені юзкейси техніки позиціонування в сучасній розробці”

1.Властивості overflow:
overflow: visible;
overflow: hidden;
overflow: scroll;
overflow: auto;

Попередній текст, представлений на розгляд Хамфрі, був вичерпним зведенням всіх можливих видів прав людини. Займаючий за обсягом 400 сторінок, документ створювався з урахуванням аналізу всіх чинних конституцій, чинних норм права з правами людини, помічниками Хамфрі розглядалися навіть звернення приватних осіб, містять ті чи інші пропозиції. Широка робота, чернетка Хамфрі не могла бути створена з нуля, в його основу лягли такі документи як англійська Велика хартія вольностей, американські Декларація незалежності США та Білль про права, а також французька Декларація прав людини та громадянина.

1-2.Властивість overflow:

Мій текст, що виходить за розміри контейнера, буде видно. Це визначено властивістю overflow: visible;

Мій текст, що виходить за розміри контейнера, не буде видно. Це визначено властивістю overflow: hidden;

Полоси прокрутки будуть завжди, навіть коли не потрібні.

Полоси прокрутки з'являються тільки в тому випадку, коли є переповнення (overflow), тобто коли контент не поміщається в контейнер.

overflow: visible; Показувати те, що виходить за межі контейнера

overflow: hidden; Ховати те, що виходить за межі контейнера (елемента)

overflow: scroll; Показувати полоси прокрутки завжди

overflow: auto; Показувати полоси прокрутки тільки тоді, коли контент не влазить в елемент


Елемент є контейнером, тобто призначений для розташування в ньому контенту (вмісту). Об'єм чи фізичні розміри можуть перевищувати розміри елемента, наприклад 2 літри молока не помістяться в плашці. Відбувається переповнення (overflow). За допомогою властивості overflow ми визначаємо, що робити в такому випадку.

2.Заокруглене зображення

In the fire of sunset

3.Декоративний оверлей​

Наведіть курсор миші на квадрат

4.Випадаюче меню

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

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

Також побутова техніка може зменшити витрати на енергопостачання та водоспоживання. Енергоефективні пристрої, такі як LED-освітлення, енергозберігаючі холодильники та пральні машини можуть знизити розходи на електроенергію, а водоспоживання може бути знижено завдяки використанню водозберігаючих пристроїв.

5.Фіксований header

Фіксований <header> у WebStudio

6.Навігація сайту через якорі та scroll-to-top

Навігація сайту через якорі та scroll-to-top

7.HW-27

MENU HERE

0.Заголовок