Font size
WorksheetsCSS-Advanced
Total questions: 20
Worksheet time: 29mins
Який мінімальний набір технологій необхідно використовувати для забезпечення адаптивності сторінки?
Відносні одиниці вимірювання
Медіа запити (media queries)
Абсолютні одиниці вимірювання
Медіа-функції
Знайдіть визначення медіа-запита:
це CSS-технологія, що дозволяє визначати умови для відображення різних стилів
це CSS-технологія, що дозволяє визначати тип пристрою
це CSS-технологія, що дозволяє визначати гнучко позиціонувати елементи
Укажіть основне призначення тега div?
Для блочної верстки сайту
Для табличної верстки сайту
Для роботи з відео
Для створення таблиць
Для роботи з текстом
Яку помилку допущено в наведеному коді?
<img href="/img/test.png" alt="">
Треба додати зариваючий тег img
Шлях до зображення указано не повністю
Необхідно дописати атрибут title
Замість href треба писати писати src
Яка css-властивість використовується для визначення зовнішніх відступів?
margin
direction
padding
position
Какий тег зазвичай рекомендовано використовувати для розміщення меню?
<nav>
<geo>
<metanav>
Які з цих тегів використовуються для розбивки документа на блоки?
<header>
<bottom>
<section>
<aside>
<p>
Виберіть варіант, який правильно визначає css-властивість:
background_color: #222;
bg: #fafafa;
background: #fff;
back-color: red;
background: #00;
Який із селекторів треба використовувати для цього елемента?
<div id="test">Text</div>
#test {}
.test {}
div.test {}
*test {}
Яка помилка допущена в даному коді:
<div>Test 1</div>
<div id="test">Test 2</div>
<p class="text-1">Test 3</p>
<p id="test"></p>
<p class="text-1">Test 4</p>
Невірно записано ім'я класу: «text-1»
Ідентифікатор "test" був присвоєний різним елементам, але його повторення не допускається
Не можна використовувати id для блокових елементів
Клас «text-1» не можна використовувати для кількох тегів
Який псевдоелемент потрібно використовувати, щоб при наведенні курсору миші на посилання воно змінювало колір.
active
hover
link
Вкажіть, який із зазначених стилів дозволяє отримати результат, показаний на малюнку?
Напишіть стильове правило для встановлення червоного кольору тексту для всіх елементів <p>
Встановіть червоний колір тексту для всіх елементів <p> і <h1>. Згрупуйте селектори, щоб мінімізувати код.
Напишіть стильові правила до елемента <div> для визначення його ширини 200px та суцільної червоної рамки розміром 2 пікселя.
Як установити червоний колір фону тільки для першого дочірнього елемента <p>
Змініть колір на червоний тільки тих елементів <p>, які є нащадками елементів <div>, .
Як розташувати елемент <h1> на відстані 50 пікселів від верху відносно його звичайного положення.
Приховати елемент <h1> (він не не зберігає своє місце на сторінці).
Встановіть "paper.gif" фоновим зображенням сторінки
