wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

СС М4(Управляй стилями)

Total questions: 20

Worksheet time: 13mins

Name
Class
Date
1.

Как настроение?

a)

Хорошо

b)

Отлично

c)

Так себе

2.

Как задать размер текста?

a)

text-align

b)

font-size

c)

background-color

d)

font-family

3.

Как задать шрифт?

a)

border

b)

color

c)

font-family

d)

text-align

4.

Что такое селектор?

a)

конструкция языка CSS

b)

конструкция языка HTML

c)

стили

5.

Оформление абзаца текста <p> с голубым фоном и синим текстом

a)

p {

background-color: lightblue;

color: blue;

}


b)

h2 {

background-color: lightblue;

color: blue;

}


c)

p {

color: lightblue;

background-color: blue;

}

d)

h2{

color: lightblue;

background-color: blue;

}

6.

Как опубликовать страницу с CSS-селекторами?

a)

CSS-селекторы нужно поместить в отдельный файл

b)

Просто выложить сайт

c)

Использовать конструкцию <link rel="stylesheet" href="style.css"/> в html

d)

Использовать конструкцию <title></title> в html

7.

Нужно задать исключение картинку в тексте, как будет выглядеть селектор?


a)

img{....}

b)

img p{....}

c)

p img{....}

d)

h1 img{....}

8.

Найдите "подсказку" для написания контекстного селектора

a)

что? где? {

}

b)

куда? когда?{

}

c)

где? что?{

}

d)

куда? что?{

}

9.

Убрать стиль подчеркивания текста

a)

text-underline: none

b)

text-decoration: underline

c)

text-border: none

d)

text-decoration: none

10.

Стиль для закругления углов

a)

radius

b)

border-radius

c)

text-radius

11.

Внутренние отступы:

(a)  

12.

Внешние отступы

(a)  

13.

Перечисляем теги в селекторе

a)

p, h1 {

}

b)

p h1 {

}

c)

p+h1 {

}

d)

p/h1 {

}

14.

Ссылка наследует цвет объекта-родителя?

a)

ДА

b)

НЕТ

15.

Какие из этих стилей не наследуются?

a)

text-allign

b)

color

c)

border

d)

padding

16.

Что такое правило каскада?

a)

водопад

b)

правило применения стилей браузером

c)

правило применения стилей и разметка элементов браузером

17.

У каких селекторов самый высокий приоритет?

a)

контекстный селектор

b)

селектор родителя

c)

селектор потомка

d)

селектор по классу

18.

Как создать селектор по классу?

a)

Поменять html код и указать атрибут класса и его название

b)

Поменять html код и указать только атрибут класса

c)

Задать селектор по классу в формате:

!название класса

d)

Задать селектор по классу в формате: .название класса

19.

Понравилась викторина?

a)

Да

b)

Средне

c)

Нет

d)

У меня есть идеи, как сделать еще круче!

20.

Кто отлично работал весь модуль?

a)

я

b)

ребята

c)

все