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

Додано: 17 березня
Предмет: Інформатика, 10 клас
30 запитань
Запитання 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

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


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

піксель (px)

em

pt

xyz

Запитання 21

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

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

<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 }

Запитання 22

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

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

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

по центру

по верху

по низу

Запитання 23

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

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

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

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

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


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


Запитання 24

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


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

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

 position

 text-decoration

 solid

Запитання 25

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

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

<body>

<script>

<head>

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

Запитання 26

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

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

#test

*test

.test

class[test]

Запитання 27

Які властивості має елемент <div> у HTML, що стосуються його розміщення та відображення на веб-сторінці?

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

Елемент <div> завжди розтягується по всій ширині браузера, а наступний елемент після нього переноситься на новий рядок

Елемент <div> завжди розташовується в центрі сторінки, а наступні елементи розташовуються поруч у тому ж рядку

Елемент <div> завжди має фіксований розмір і розташовується посередині сторінки, а наступні елементи розташовуються поруч

Елемент <div> створює блок, який може мати ширину відповідно до вмісту, а наступні елементи можуть розташовуватися поруч у тому ж рядку або переноситися на новий рядок залежно від розмірів браузера

Запитання 28

Яка основна відмінність між елементами <span> та <div> у HTML стосовно їхньої ролі у структурі веб-сторінки та властивостей відображення?

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

Елемент <span> служить для стилізації укладеного в нього тексту, але на відміну від блоків <div>, вміст <span> не переноситься на наступний рядок

Елемент <span> створює блок, який розтягується по всій ширині браузера, а наступний після нього елемент переноситься на новий рядок

Елемент <span> завжди розташовується в центрі сторінки, а наступні елементи розташовуються поруч у тому ж рядку

Елемент <span> створює блок, але може мати ширину відповідно до вмісту, та переносить вміст на наступний рядок у випадку, якщо елемент має фіксований розмір

Запитання 29

Які характеристики відносяться до блочних елементів у HTML, а які до рядкових (inline) елементів?

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

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

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

Блочні елементи можуть мати в середині рядкові (inline) елементи, тоді як рядкові елементи не можуть в середині мати блочні елементи

Блочні елементи завжди розташовуються в центрі сторінки, а рядкові елементи розташовуються поруч у тому ж рядку

Запитання 30

Яким кольором позначений селектор?



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

Синій

Червоний

Зелений

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

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