Мультимедійні дані у веб-середовищі. CSS

Додано: 10 березня
Предмет: Інформатика, 11 клас
12 запитань
Запитання 1

Як центрувати елемент по горизонталі CSS?

варіанти відповідей

align-horizontal: center;

margin: 0 auto;

justify-content: center;

position: horizontal-center;

Запитання 2

Яке із цих значень НЕ може бути значенням для font-size?

варіанти відповідей

50%

4

5mm

10rem

Запитання 3

Як змінити властивість елемента button при наведенні курсору? 


<button type="button">Some button</ button>

варіанти відповідей

button: hover {}

button: mouseover {}

.button: hover {}

.button: mouseover {}

Запитання 4

Який правильний синтаксис СЅЅ для виділення всіх елементів <p> жирним шрифтом?

варіанти відповідей

<p style="text-size:bold;">

p {text-size:bold}

<p style="font-siza:bold;">

p {font-weight:bold;}

Запитання 5

Який правильний HTML-код для посилань на зовнішню таблицю стилю?

варіанти відповідей

<link rel="stylesheet" type="text/css" href="mystyle.css">

<stylesheet>mystyle.css</stylesheet>

<style src="mystyle.css">

Запитання 6

Як скласти список, елементи якого виділені квадратами?

варіанти відповідей

list: square;

list-style-type: square;

List-type: square;

Запитання 7

Як закруглити кути елемента в CSS?

варіанти відповідей

border-curve: 5px;

rounded-corners: 5px;

corner-radius: 5px;

border-radius: 5px;

Запитання 8

Яке значення прописати властивості flex-direction, щоб елементи прямували у зворотному порядку, знизу вгору?

варіанти відповідей

column

row-reverse

column-reverse

wrap-reverse

Запитання 9

Для чого використовується властивість transition в CSS?

варіанти відповідей

Для створення анімаій кольору елементів

Для визначення перехідного стану між двома станами елемента

Для зміни позиції елемента при наведені на нього курсору

Запитання 10

Що робить тег <iframe>?

варіанти відповідей

Вбодовує відео в поточний HTML-документ

Вбудовує інший HTML_документ в поточний

Дозволяє створити модальне вікно на поточній веб-сторінці

Дозволяє запускати JavaScript код у веб-воркері.

Запитання 11

Оберіть правильний код для автоматичного запуску відео на веб-сторінці.

варіанти відповідей

<video

 src="http://techslides.com/demos/sample-videos/small.webm"

 controls  loop  preload="auto" ></video>

<video

 src="http://techslides.com/demos/sample-videos/small.webm"

 poster="https://images.pexels.com/photos/595804/pexels-photo-595804.jpeg?w=640"  width="640" ></video>

<video

 src="http://techslides.com/demos/sample-videos/small.webm"

 controls  autoplay  loop  preload="auto" ></video>

Запитання 12

Оберіть усі властивості animation

варіанти відповідей

name

duration

delay

iteration-count

timing-function

direction

fill-mode

ease-in-out

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест