wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS

Total questions: 35

Worksheet time: 27mins

Name
Class
Date
1.

Какое свойство стилей задает цвет фона блока?

a)

color

b)

background

c)

background-color

d)

color-background

2.

Какое свойство стилей задает цвет шрифта?

a)

font-color

b)

font

c)

color

d)

colorful

3.

Какое свойство позволяет указать размер шрифта?

a)

size

b)

font-weight

c)

font-size

d)

font-grow

4.

Какое свойство

позволяет форматировать шрифт текста полужирным начертанием

a)

font-weight

b)

font-bold

c)

font-style

d)

font-size

5.

Какой псевдокласс позволяет применять стили при наведении мышкой

a)

:after

b)

:link

c)

:hover

d)

:first-line

6.

Какое свойство отвечает за ширину блока

a)

width

b)

height

c)

size

d)

div

7.

Какое свойство позволя­ет одновременно указать толщину, стиль и цвет границы.

a)

borders

b)

padding

c)

margin

d)

border

8.

Какое свойство по­зволяет указать, сколько места между содержимым элемента и его границами (внутренние отступы).

a)

margin

b)

width

c)

padding-width

d)

padding

9.

Какое свойство позволяет закруглять углы блоков

a)

border-circle

b)

border

c)

border-radius

d)

border-image

10.

Какое свойство отвечает за высоту блока

a)

width

b)

heights

c)

height

d)

postion

11.

Какое свойство определя­ет интервал между блоками (внешние отступы)

a)

margin

b)

padding

c)

position

d)

width

12.

Какое свойство позволя­ет выбрать вид указателя мыши

a)

mouse

b)

outline

c)

cursor

d)

image

13.

Какое свойство позволяет поместить изображение позади любого НТМL-элемента (как фоновое изображение)

a)

background-image

b)

background-color

c)

background-size

d)

background-position

14.

Что такое CSS?

a)

Creative Style Sheets

b)

Cascading Style Sheets

c)

Computer Style Sheets

d)

Colorful Style Sheets

15.

Для чего нужен CSS?

a)

Для работы со стилями в фреймах

b)

Для создания разметки на странице

c)

Для работы со стилями на страницах сайта

d)

Для добавления функциональности к странице

16.

Какое правило CSS написано корректно?

a)

{ a:color=red; }

b)

a [ color: red; ]

c)

a { color = red; }

d)

a { color: red; }

17.

Как изменить цвет фона для всех элементов h1 на странице?

a)

h1 {background-color: #ccc;}

b)

h1[all] {background-color: #ccc;}

c)

h1.all {background-color: #ccc;}

d)

h1:all {background-color: #ccc;}

18.

Где верно прописан селектор для тега ниже?

<div id="test">Text</div>

a)

.test {}

b)

div.test {}

c)

#test {}

d)

* {}

19.

Как много стилей можно добавить к одному объекту?

a)

Не более 20

b)

В промежутке от 1 до 30

c)

Не более 50

d)

Неограниченное количество

20.

Как к тегу «P» добавить несколько классов?

a)

К одному элементу можно добавить лишь один класс

b)

Можно записать несколько классов через точку: test-1.test-2

c)

Необходимо дважды прописать атрибут class для тега

d)

Необходимо прописать классы через пробел: class="test-1 test-2"

21.

Укажите основное назначение тега div?

a)

Для блочной верстки сайта

b)

Для табличной верстки сайта

c)

Для работы с видео

d)

Для создание таблиц

22.

Какой тэг используется для размещения меню?

a)

<nav>

b)

<geo>

c)

<metanav>

23.

Какие из перечисленных тэгов используются для разбивки документа на блоки?

a)

<header>

b)

<bottom>

c)

<section>

d)

<aside>

e)

<p>

24.

Укажите, какой из перечисленный стилей позволяет получить результат, показанный на рисунке?

a)
b)
c)
d)
25.

Как подключить внешние стили (например style.css) к html-документу

a)

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

b)

<img rel="stylesheet" type="text/css" src="style.css">

c)

<link rel="stylesheet" type="text/css">

d)

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

26.

Свойство position:fixed

a)

делает элемент родителем

b)

делает его самим по себе

c)

фиксирует элемент в конкретном месте

d)

ничего не происходит

27.

Где верно прописан селектор для тега ниже?

<div class="test">Text</div>

a)

.test {}

b)

div.test {}

c)

#test {}

d)

* {}

28.

Какой HTML-тег используется для установления внутренней таблицы стилей ( Internal style sheet)?

a)

<style>

b)

<css>

c)

<script>

29.

Как добавить комментарий в CSS файле?

a)

/* Это комментарий */

b)

// Это комментарий

c)

// Это комментарий //

d)

<!-- Это комментарий -->

30.

Какое расширение имеют css-файлы?

a)

.css

b)

.style

c)

.html

31.

Какой цвет шрифта будет у абзаца?

a)

Зеленый цвет

b)

Синий цвет

c)

Красный цвет

d)

По умолчанию черный цвет текста.

32.

Какое свойство определяет расположение картинки

a)

background-image

b)

background-position

c)

background-color

d)

background-repeat

33.

Что произойдет с изображение при заданных свойствах

div {

background-repeat: repeat-y; }

a)

изображение будет повторяться по горизонтали

b)

изображение будет повторяться по вертикали

c)

будет расположено в центре

d)

будет расположено внизу экрана

34.

Где будет размещено изображение при указании следующих свойств:

div {

background-position: center bottom; }

a)

снизу по центру

b)

справа по центру

c)

по центру

d)

в вверху по центру

e)

с лева по центру

35.

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

a)

repeat-y

b)

repeat-x

c)

repeat