CSS стилі документа. Робота з мовою розмічання гіпертекстового документа HTML.

Додано: 22 травня 2022
Предмет: Інформатика, 10 клас
Тест виконано: 307 разів
20 запитань
Запитання 1

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

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

<style>'styles/main.css'</style>

<stylesheet>'mystyle.css'</stylesheet >

<style>@"styles/main.css"</style>

<link rel="stylesheet" href="styles.css">

Запитання 2

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

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

position

padding

direction

margin

Запитання 3

Як правильно вставляються коментарі до CSS-коду?

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

# Мій коментар

# Мій коментар #

/* Мій коментар */

// Мій коментар

Запитання 4

Як розшифровується CSS?

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

Common Style Sheets (Загальні таблиці стилів)

 Computer Style Sheets (Комп'ютерні таблиці стилів)

 Cascading Style Sheets (Каскадні таблиці стилів)

Запитання 5

За допомогою якого тега можна підключити до HTML-документ у зовнішній файл стилів?

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

<style>

 <link>

 <meta>

 <css>

Запитання 6

За допомогою якої властивості CSS можна створити границю (рамку) елемента?

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

border

padding

margin

outline

Запитання 7

Дано список елементів(малюнок).

За допомогою якої властивості можна прибрати маркери перед елементами списку.

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

list-style-type: none;

list-style-type: disc;

text-decoration: none;

text-decoration: underline;

display: none;

Запитання 8

За допомогою якої властивості можна додати зовнішній відступ до елемента?

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

padding

margin

case

space

Запитання 9

Як відкрити посилання у новій вкладці/вікні браузера?

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

<a href="url" new>

<a href="url" target="_blank">

<a href="url" target="new">

Запитання 10

Який HTML-код додає колір тла(фона)?

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

<background>yellow</background>

<body bg="yellow">

<body style="background-color:yellow;">

Запитання 11

Розгляньте зображення. Як змінеться розташування картинки і тексту, якщо застосувати до картинки наступну властивість:

float: right;

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

Яка CSS властивість була використана для перетворення першої таблиці на другу?

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

border-width

border-collapse

border-visibility

Запитання 13

За замовчуванням посилання у мові гіпертекстового розмічання підкреслюються. За допомогою якої CSS-властивості можна прибрати це підкреслення

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

text-decoration: none;

text-decoration: underline;

list-style-type: none;

display: none;

list-style-type: disc;

Запитання 14

Яким чином можна додати CSS?

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

додати прямо у тег ( Inline Styling )

додати всі стилі у head (Internal Style Sheet)

додати посилання на файл з усіма стилями CSS (External Style Sheet)

усіма трьома способами

Запитання 15

Який атрибут HTML використовується для встановлення вбудованого стилю(Inline Styling)?

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

style

in-style

class

css

Запитання 16

За допомогою якої властивості CSS можна змінити колір тексту?

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

color

text-color

background

background-color

Запитання 17

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

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

.css

.scc

.style

.styles

Запитання 18

Якщо Вам потрібно задати внутрішній відступ елемента, яку властивість Ви будете використовувати?

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

margin

padding

border

space

Запитання 19

Якщо потрібно встановити шрифт для тексту, яка властивість допоможе?

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

font-family

font-style

text-decoration

Запитання 20

Оберіть правильні твердження:

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

CSS - це мова розмітки, яка використовується для візуального оформлення веб-сайтів.

Об'єкти на сторінці розміщуються за допомогою HTML. А ось CSS відповідає за те, як ці об'єкти виглядають.

За допомогою CSS можна змінювати розмір, колір, фонове зображення, рівень прозорості, розташування елементів, тощо.

CSS стилі можна додавати до HTML сторінки тільки за допомогою посилання на файл зі стилями

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

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