Конструктор тестів
1
Встановіть відповідність між технологією та її роллю у веб-дизайні
JavaScript
Визначення дизайну сторінки
HTML
Визначення поведінки та взаємодії
CSS
Визначення змістової структури
2
Як розшифровується CSS?
3
Встановить відповідность між ідеями оформлення веб-сторінок та їх авторами
відділення дизайну сайта від його вмісту за допомогою каскадних таблиць стилів
Марк Андріссен
розширення мови HTML нестандартними тегами, які можна використовувати для цілей вебдизайну
Пей-Ян Вей
створення графічного браузера, в який була вмонтована власна мова стилів
Хокон Віум Лі
4
CSS відповідає за
5
Конструкція CSS, яка відповідає за зовнішній вигляд певного елемента HTML, називається
6
Виберіть синтаксично коректне CSS-правило
7
Селектором може бути:
8
Якщо необхідно визначити стиль таким чином, щоб один і той самий елемент у різних випадках відображався по-різному, то використовують селектор
9
Селектор, що має одне-єдине унікальне ім'я в усьому документі
10
Оберіть правильні твердження:
11
Встановіть відповідність між властивостями та їх призначенням
background
внутрішні поля
border-width
розміщення блоку
color
ширина границь
margin
форматування тла
padding
зовнішні поля
position
колір тексту
12
Встановіть відповідність між назвою і способом підключення CSS-коду до HTML-документа
вбудований стиль
CSS-код зберігається в HTML-документі в тегу <style>, що розміщується <head>
inline-стиль
CSS-код виноситься в окремий файл із розширенням .css та підключається за допомогою тегу <link>, який знаходиться виключно всередені елемента <head>
зовнішній (зв'язаний) стиль
Додавання CSS-правил в HTML-тег за допомогою атрибута style
13
Який спосіб підключення CSS-коду наведено в прикладі

14
Який спосіб підключення CSS-коду наведено в прикладі

15
Який спосіб підключення CSS-коду наведено в прикладі

16
При послідовному використанні CSS-правил до абзацу
p {color: grey;} p {color: pink;} p {color: green;}
його колір буде
17
Встановіть пріоритетність застосування стилів за спаданням (від найбільшого до найменшого)
теги
ідентифікатори
inline-стилі
класи
18
Де правильно прописаний селектор для тега нижче?
<div id="test">Text</div>
19
Де правильно прописаний селектор для тега нижче?
<div clas="test">Text</div>
20
Який псевдоклас спрацює під час встановлення курсору в текстове поле?
Рефлексія від 5 учнів
Сподобався:
Так: 4
Ні: 1
Зрозумілий:
Так: 4
Ні: 1
Потрібні роз'яснення:
Ні: 4
Так: 1