Лекции по современным веб-технологиям

Упражнение 1:

Номер 1

Какие селекторы позволяют применить стилевое оформление сразу ко всем элементам на странице?

Ответ:

(1) универсальные

(2) селекторы элементов

(3) селекторы классов

(4) селекторы идентификаторов

Номер 2

Как обозначается универсальный селектор?

Ответ:

(1) all

(2) #

(3) *

Номер 3

Выберите фрагмент CSS, который не содержит синтаксических ошибок:

Ответ:

(1) BODY {color: black}

(2) BODY:color=black

(3) {BODY: color=black}

(4) {BODY;color: black}

Упражнение 2:

Номер 1

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

Ответ:

(1) all.H1 {background-color: white}

(2) H1.all {background-color: white}

(3) H1 * {background-color: white}

(4) H1 {background-color: white}

Номер 2

Как добавить цвет фона для заголовка, атрибут class которого имеет значение alert?

Ответ:

(1) H1.alert {background-color: white}

(2) H1#alert {background-color: white}

(3) P.alert {background-color: white}

(4) H1 * {background-color: white}

Номер 3

Как добавить цвет фона для заголовка, атрибутом id которого имеет значение alert?

Ответ:

(1) H1.alert {background-color: white}

(2) H1#alert {background-color: white}

(3) P.alert {background-color: white}

(4) H1 * {background-color: white}

Упражнение 3:

Номер 1

Для двух элементов P и UL необходимо назначить одинаковый размер шрифта. Выберите правильный способ группировки селекторов:

Ответ:

(1) P UL {font-size: 1.2em}

(2) P, UL {font-size: 1.2em}

(3) P; UL {font-size: 1.2em}

(4) P: UL {font-size: 1.2em}

Номер 2

Запись P.warning{} соответствует…

Ответ:

(1) всем параграфам со значением class равным warning

(2) всем параграфам со значением id равным warning

(3) всем параграфам на веб-странице

Номер 3

Запись P#warning{} соответствует…

Ответ:

(1) всем параграфам со значением class равным warning

(2) всем параграфам со значением id равным warning

(3) всем параграфам на веб-странице

Упражнение 4:

Номер 1

Псевдоклассы используются для…

Ответ:

(1) обеспечения стилевого оформления различных состояний элементов

(2) обеспечения стилевого оформления элементов

(3) установки стиля первой буквы или первой строки текста в заданном элементе

Номер 2

Что из перечисленного относится к псевдоклассам?

Ответ:

(1) :link

(2) :visited

(3) :first-letter

(4) :first-line

(5) :first-child

Номер 3

Что из перечисленного относится к псевдоклассам?

Ответ:

(1) :before

(2) :after

(3) :first-letter

(4) :first-line

(5) :first-child

Упражнение 5:

Номер 1

Псевдоэлементы используются для…

Ответ:

(1) обеспечения стилевого оформления различных состояний элементов

(2) обеспечения стилевого оформления элементов

(3) установки стиля первой буквы или первой строки текста в заданном элементе

Номер 2

Что из перечисленного относится к псевдоэлементам?

Ответ:

(1) :link

(2) :visited

(3) :first-letter

(4) :first-line

(5) :first-child

Номер 3

Что из перечисленного НЕ относится к псевдоэлементам?

Ответ:

(1) :before

(2) :after

(3) :first-child

(4) :first-letter

(5) :first-line

Упражнение 6:

Номер 1

Фрагмент HTML-кода ...
<HEAD>
   <LINK rel="stylesheet" href="style.css" type="text/css">
</HEAD>
...
 иллюстрирует использование…

Ответ:

(1) внешней таблицы стиля

(2) внутренней таблицы стиля

(3) таблицы стиля элемента

Номер 2

Фрагмент HTML-кода <H1 style="text-align: center"> иллюстрирует использование

Ответ:

(1) внешней таблицы стиля

(2) внутренней таблицы стиля

(3) таблицы стиля элемента

Номер 3

Какой фрагмент HTML-кода используется для подключения внутренней таблицы стиля?

Ответ:

(1) ... <HEAD> <LINK rel="stylesheet" href="style.css" type="text/css"> </HEAD> ...

(2) ... <HEAD> <STYLE type="text/css"> H1 {text-align: center} </STYLE> </HEAD> ...

(3) <H1 style="text-align: center">

Упражнение 7:

Номер 1

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

Ответ:

(1) inherit

(2) !important

(3) parent

(4) child

Номер 2

Таблица стилей агента пользователя является…

Ответ:

(1) встроенной таблицей стилей браузера

(2) таблицей стилей, которую определил пользователь

(3) таблицей стилей, которую автор документа написал и присоединил к соответствующему документу HTML или включил в него

Номер 3

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

Ответ:

(1) inherit

(2) parent

(3) child

(4) !important

Лекции по современным веб-технологиям - тест 10