Конструктор тестів
1
Яка CSS-властивість змінює курсор на "вказівний палець" (руку) при наведенні на кнопку?
2
Яка CSS-властивість змушує <input> розтягуватися на всю ширину батьківського контейнера?
3
Яке значення position "вириває" елемент зі звичайного потоку і позиціонує його відносно вікна браузера?
4
Який підхід є ключовим при створенні сучасної сторінки, що має і складний макет (колонки), і інтерактивні елементи (форми)?
5
Яка ключова CSS-властивість використовується для того, щоб дві колонки макету (.column-left та .column-right) стали в один ряд?
6
Чому при створенні двох колонок їм часто задають width: 49%; замість width: 50%;?
7
Яке CSS-правило змусить головний контейнер .page-container з width: 90% розташуватися по центру екрана?
8
Яке CSS-правило потрібно додати для зображення .profile-photo, щоб воно вписалося у свою колонку і не "вилазило" за її межі?
9
Якщо одна колонка (з текстом) коротша, а інша (з формою) довша, яка властивість вирівняє їх по верхньому краю?
10
Які ключові CSS-властивості з вивчених потрібні, щоб створити двоколонковий макет для сторінки-візитки?
11
Розробник створив дві колонки, але друга (з формою) все одно знаходиться під першою (з текстом). Чому?
.column-left {
width: 49%;
vertical-align: top;
}
.column-right {
width: 49%;
vertical-align: top;
} 12
Головний контейнер сторінки .page-container не центрується і "прилип" до лівого краю. У чому помилка в CSS?
.page-container {
width: 90%;
margin-top: 20px;
margin-bottom: 20px;
} Рефлексія від 1 учня
Сподобався:
Так: 1
Ні: 0
Зрозумілий:
Так: 1
Ні: 0
Потрібні роз'яснення:
Ні: 1
Так: 0