Основні поняття та підключення CSS.

Тести Інформатика 10 клас Тест
Вихристюк С. В.
Додано: 27 квітня 2022
Предмет: Інформатика, 10 клас
Копія з тесту: Основні поняття та підключення CSS.
Тест виконано: 1 раз
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
39 запитань
Запитання 1

Яке розширення повинні мати файли стилів?

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

.php

.txt

.css

.html

Запитання 2

Атрибути тегу розміщуються

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

Між тегами

У відкриваючому тегу після назви, але до кутової дужки

Залежно від типу атрибутів, використовують той чи інший варіант

У закриваючому тегу

Запитання 3

Символ, з якого починається селектор за ID

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

{

<

!

#

Запитання 4

Яка властивість стилів відповідає за колір фону?

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

background-color

text-transform

vertical-align

color

Запитання 5

Яка властивість стилів відповідає за гарнітуру (назву, тип шрифтів)?

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

font-weight

font-family

font-style

letter-spacing

Запитання 6

Яка властивість стилів відповідає за стиль шрифту?

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

font-weight

font-family

font-style

letter-spacing

Запитання 7

Яка властивість стилів відповідає за вертикальне вирівнювання?

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

align

text-transform

vertical-align

vertical-text

Запитання 8

Що таке CSS?

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

це мова стилю сторінок, для опису їх зовнішнього вигляду.

це мова розмітки сторінок

це спосіб розміщення елементів на сторінці

це мова створення нових стилів

Запитання 9

Підключення CSS вбудованим методом inline задається ...

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

атрибутом style в тегах елементів

тегом style в розділі HEAD сторінки

тегом link в розділі HEAD сторінки

тегом style в розділі BODY сторінки

тегом link в розділі BODY сторінки

Запитання 10

Підключення CSS внутрішнім методом (в html–коді) задається ...

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

атрибутом style в тегах елементів

тегом style в розділі HEAD сторінки

тегом link в розділі HEAD сторінки

тегом style в розділі BODY сторінки

тегом link в розділі BODY сторінки

Запитання 11

Підключення CSS зовнішнім методом (зв'язування) задається ...

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

атрибутом style в тегах елементів

тегом style в розділі HEAD сторінки

тегом link в розділі HEAD сторінки

тегом style в розділі BODY сторінки

тегом link в розділі BODY сторінки

Запитання 12

Між якими символами задається опис властивостей CSS?

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

круглі дужки (...)

фігурні дужки {...}

кутові дужки <...>

знаки #...#

знаки !...!

Запитання 13

Вкажіть вірний опис властивостей стилю в CSS.

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

P {

color: blue;

font-size:16px;

font-family:Arial;

}

P (

color: blue;

font-size:16px;

font-family:Arial;

)

P {

color: blue,

font-size:16px,

font-family:Arial,

}

P {

color, blue:

font-size,16px:

font-family,Arial:

}

Запитання 14

CSS - це скорочення, що в перекладі з англ. означає...

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

Каскадна таблиця стилів

Каскадна база даних

Набір зовнішніх стилів

Таблиця внутрішніх стилів

Запитання 15

В якому HTML елементі правильно підключати CSS файл?

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

< body >

< script >

< head >

 В кінці документа

Запитання 16

Виберіть правильний CSS синтаксис

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

{div;color:black;}

{div:color=black;}

div:color=black;

div {color: black;}

Запитання 17

Каскадні таблиці стилів - це...

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

спеціальна мова, що використовується для опису зовнішнього вигляду сторінок

це перелік стилів оформлення таблиць на сайті

мова опису таблиць, розміщених на веб-сторінках

спеціальна мова, що використовується для опису зовнішнього вигляду таблиць на сторінках

Запитання 18

СSS-правило - це...

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

конструкція CSS, яка відповідає за зовнішній вигляд певного елемента HTML

правило розміщення об'єктів на веб-сторінках

правило каскадних таблиць

конструкція CSS, яка відповідає за орієнтацію сторінки HTML

Запитання 19

Вкажіть правила форматування CSS:

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

кожна властивість - в окремому рядку

кожен селектор - в окремому рядку

кожен атрибут - в окремому рядку

кожен тег - в одному рядку з іншими тегами

Запитання 20

Вкажіть на правильний порядок опису стилів:

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

Позиціонування-Дісплей і блочне моделювання-Колір-Текст-Інші

Позиціонування-Колір - Дісплей і блочне моделювання-Текст-Інші

Позиціонування-Текст - Дісплей і блочне моделювання-Колір-Інші

Колір - Текст -Позиціонування-Дісплей і блочне моделювання-Інші

Запитання 21

Каскадність CSS - це...

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

механізм, завдяки якому до елементів html-документа може застосовуватися більше, ніж одне правило CSS

здатність стильових правил накладатися одне на одне, перезаписуватися, змішуватися

оформлення HTML-сторінки, коли стильове правило застосовується один раз

здатність відображатися сторінці на декількох пристроях одночасно

Запитання 22

Вкажіть всі правильні твердження, які застосовуються до inline-стилів:

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

inline-стилі підставляються безпосередньо у рядок

усередині атрибута style можна написати декілька css-оголошень

inline-стилі змішують уміст документа і його дизайн

розташовуються безпосередньо в HTML-документі й застосовуються лише до нього

Запитання 23

Вкажіть всі правильні твердження, які застосовуються до таблиць стилів документа:

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

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

CSS-код зберігається в HTML-документі у тегу <style>, що розміщується в <head>

це є вбудований стиль

розташовуються безпосередньо в HTML-документі й застосовуються лише до нього

Запитання 24

Вкажіть всі правильні твердження, які застосовуються до зовнішніх або зв'язних стилів:

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

тег <link> знаходиться виключно в всередині елемента <head>

CSS-код виноситься в окремий файл із розширенням .css та підключається за допомогою тегу <link>

зустрівши в html-докумпенті тег <link>, браузер застосує до документа стилі, що містяться у CSS-файлі

розташовуються безпосередньо в HTML-документі й застосовуються лише до нього

Запитання 25

Підключити таблиці стилів можна також за допомогою директиви...

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

@import

import

table_import

@table@import

Запитання 26

До одиниць вимірювання в CSS належать:


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

піксель (px)

em

xy

xyz

Запитання 27

Який спосіб верстки будується на основі css?

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

таблична

блочна

тестування

проектувальна

Запитання 28

Щоб горизонтально розташувати текстові або інші елементи, для цього достатньо задіяти параметр…

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

text-align

vertical-align

butt:after 

transform

Запитання 29

Для вертикального вирівнювання використовується параметр…

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

text-align

vertical-align

butt:after 

transform

Запитання 30

Вирівнювання по ширині:

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

<p style="text-align: justify">Текст</p>

<p style="text-align: right">Текст</p>

td { font-size: 12pt; color: red; vertical-align: baseline }

td { font-size: 12pt; color: red; vertical-align: bottom }

Запитання 31

Значення параметру middle - вирівнювання …

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

по базовій лінії

по центру

по верху

по низу

Запитання 32

Вкажіть значення параметру text-align в мові програмування CSS

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

горизонтальне вирівнювання

вертикальне вирівнювання

масштабування тексту


встановлення жирності тексту


Запитання 33

Проаналізуйте програмний код, що був написаний на мові css. Визначте якого елементу не вистачає (елементи що відсутні описані *, де їх кількість відповідає кількості відсутніх символів) та вкажіть його в полі нижче.


Код: ********: absolute;

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

position

size

text

Запитання 34

Вкажіть параметр, щоб прибрати нижнє підкреслення гіперпосилання:

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

text-decoration

solid

 position

Запитання 35

Проаналізуйте програмний код, що був написаний на мові css. Визначте якого елементу не вистачає (елементи що відсутні описані *, де їх кількість відповідає кількості відсутніх символів) та вкажіть його в полі нижче.


Код: border: 3px ***** #218294

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

 position

 text-decoration

 solid

Запитання 36

Щоб налаштувати позиціювання для браузерів Safari та Google Chrome потрібно використати програмний код

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

-webkit-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

-o-transform: translate(-50%, -50%);

Запитання 37

В якому HTML елементі правильно підключати CSS файл?

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

<body>

<script>

<head>

В кінці документа

Запитання 38

Виберіть правильний CSS синтаксис

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

{div;color:black;}

{div:color=black;}

div:color=black;

div {color: black;}

Запитання 39

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

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

#test

*test

.test

class[test]

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

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