Введение в стандарты Web

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

Номер 1

Какое свойство определяет форму маркера или способ нумерации?

Ответ:

(1) list-position

(2) list-style-type

(3) list-item

(4) list-style-image

Номер 2

Какое значение свойства list-style-type позволяет задать квадратные маркеры для неупорядоченных списков?

Ответ:

(1) decimal

(2) square

(3) lower-latin

(4) disc

Номер 3

Что требуется, чтобы маркер или цифры имели цвет, отличный от текста?

Ответ:

(1) нельзя изменить цвет маркера или цифр, потому что они используют значение элемента li

(2) необходимо воспользоваться свойством list-marker-color

(3) необходимо воспользоваться изображением или решить проблему с помощью других элементов в пунктах списка

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

Номер 1

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

Ответ:

(1) list-style-type

(2) list-style-image

(3) list-style-picture

Номер 2

Какими способами можно добавить фоновое изображение списка?

Ответ:

(1) свойство list-style-image

(2) фоновое изображение в пунктах списка

(3) свойство list-style-type

Номер 3

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

Ответ:

(1) задать отсутствие маркера или цифр с помощью свойства list-style-type

(2) задать размер шрифта элементов списка с помощью свойства font-size

(3) использовать неупорядоченные списки

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

Номер 1

Чтобы выровнять маркеры неупорядоченного списка по левому краю, необходимо воспользоваться следующим кодом:

Ответ:

(1) ul { margin : 0; padding : 0; }

(2) ul li { margin-left: 1em; }

(3) ul { margin : 0; padding : 0; } ul li { margin-left: 1em; }

Номер 2

Упорядоченные списки выравниваются согласно:

Ответ:

(1) пункту списка с самым большим числовым значением

(2) правой границе числового маркера

(3) левой границе значения элемента списка

Номер 3

С помощью какого значения свойства list-style-type можно задать ведущие незначащие нули для десятичных цифр упорядоченного списка?

Ответ:

(1) decimal

(2) decimal-leading-zero

(3) georgian

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

Номер 1

Какое значение свойства list-style-position необходимо для заворачивания текста многострочных пунктов под маркер?

Ответ:

(1) inside

(2) outside

Номер 2

Как преобразовать список в горизонтальный?

Ответ:

(1) задать для пунктов списка display:inline

(2) задать для пунктов списка align:horizontal

(3) невозможно задать горизонтальное расположение списка

Номер 3

Можно ли использовать списки для задания навигационного меню сайта?

Ответ:

(1) можно, но только для вертикального

(2) можно как для вертикального, так и для горизонтального

(3) списка использовать для навигацонного меню сайта нельзя

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

Номер 1

Какое состояние ссылки применяется, когда пользователь «удерживает» над ссылкой указатель, такой как указатель мыши, но не щелкнул на ней?

Ответ:

(1) фокус

(2) посещенная

(3) под указателем

(4) активная

Номер 2

Какое состояние применяется, когда пользователь активирует ссылку (в тот момент, когда делает на ней щелчок)?

Ответ:

(1) фокус

(2) посещенная

(3) под указателем

(4) активная

Номер 3

Какое состояние имеет ссылка по умолчанию?

Ответ:

(1) фокус

(2) посещенная

(3) под указателем

(4) непосещенная

(5) активная

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

Номер 1

Что ожидают пользователи относительно ссылок и остального текста, который не является ссылкой?

Ответ:

(1) пользователи ожидают, что ссылки имеют отличный от остального текста шрифт

(2) пользователи ожидают, что ссылки отличаются от остального текста

(3) пользователи ожидают, что ссылки сгруппированы в правой колонке страницы.

Номер 2

Что ожидают пользователи после того, как они посетили страницу?

Ответ:

(1) пользователи ожидают, что ссылка изменится

(2) пользователи ожидают, что ссылка исчезнет со страницы

(3) пользователи ожидают, что ссылка превратится в обычный текст

Номер 3

Что следует учитывать при оформлении ссылок?

Ответ:

(1) возраст потенциальных посетителей сайта

(2) количество текста на странице

(3) ожидания пользователей относительно ссылок

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

Номер 1

Почему не стоит полностью полагаться на цвет при оформлении ссылок?

Ответ:

(1) не все люди могут видеть цвет одинаково

(2) это считается дурным тоном

(3) необходимо проверять, что выбранные цвета обладают достаточной контрастностью

Номер 2

Почему стили ссылок должны быть расположены в определенном порядке в таблице стилей?

Ответ:

(1) потому что этот порядок определен стандартом

(2) потому что в противном случае браузеры не будут отображать ссылки

(3) потому что настройки будут переопределять друг друга и состояния ссылок не будут работать

Номер 3

С помощью каких элементов оформляют состояния ссылок?

Ответ:

(1) «псевдо классов» (:link, :visited и т.д.)

(2) специальных элементов (a_link, a_visited и т.д.)

(3) свойств элемента a (link, visited)

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

Номер 1

Укажите лишние «псевдо классы» ссылок:

Ответ:

(1) :link

(2) :visited

(3) :attended

(4) :active

(5) :focus

(6) :current

Номер 2

Если необходимо задать правило CSS для всех ссылок, куда нужно поместить элемент «a» в таблице стилей?

Ответ:

(1) в любое место

(2) в начало таблицы стилей

(3) перед стилями состояний ссылок для поддержания верного порядка

(4) в конец таблицы стилей

Номер 3

Какое оформление большинство браузеров задает для всех ссылок?

Ответ:

(1) подчеркивание

(2) зеленый цвет текста ссылки

(3) синий фон

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

Номер 1

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

Ответ:

(1) с помощью свойства text-decoration

(2) с помощью свойства margin-bottom

(3) с помощью свойства border-bottom

Номер 2

Зачем требуется использовать «ложное подчеркивание»?

Ответ:

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

(2) стандартное подчеркивание в большинстве браузеров реализовано с ошибкой

(3) стандартное подчеркивание является немного толстоватым и пересекает нижние выносные элементы некоторых строчных букв

Номер 3

С помощью какого свойства можно создать рамку фокуса ссылки?

Ответ:

(1) outline

(2) border

(3) margin

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

Номер 1

Какой цвет имеют ссылки по умолчанию в большинстве браузеров?

Ответ:

(1) синий

(2) черный

(3) красный

(4) у каждого браузера собственный цвет ссылки по умолчанию

Номер 2

Что делает следующий код: a { text-decoration: none; } ?

Ответ:

(1) отключает подчеркивание у всех ссылок

(2) отключает оформление ссылок по умолчанию

(3) превращает ссылки в обычный текст

Номер 3

Как можно отключить подчеркивание у ссылок (элемент a)?

Ответ:

(1) с помощью свойства a { text-decoration : none; }

(2) с помощью свойства a { text-decoration : underline; }

(3) подчеркивание у ссылок отключить нельзя

(4) с помощью свойства a { link-underline : none; }

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

Номер 1

Что делает следующий код: a:hover { text-decoration: none; } ?

Ответ:

(1) отключает подчеркивание у всех ссылок с классом hover

(2) отключает подчеркивание у всех ссылок на странице

(3) отключает подчеркивание у ссылки при наведении на нее курсора мыши

(4) отключает подчеркивание у посещенной ссылки

Номер 2

Что делает следующий код: a { text-decoration : none; border-bottom: 1px solid red; } ?

Ответ:

(1) создает "ложное подчеркивание" красного цвета толщиной 1 пиксель у всех ссылок на странице

(2) создает "ложное подчеркивание" у посещенных ссылок

(3) делает стандартное подчеркивание у ссылок красного цвета и толщиной 1 пиксель

Номер 3

Зачем на некоторых сайтах используются иконки и символы для ссылок?

Ответ:

(1) иконки и символы необходимы для того, чтобы визуально отделить ссылки от остального контента

(2) иконки и символы используются для добавления дополнительной информации о ссылках

(3) иконки и символы нельзя использовать в ссылках, потому что это запрещено стандартом

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

Номер 1

Какие ссылки обычно помечаются с помощью иконки или символа?

Ответ:

(1) внешние ссылки

(2) непосещенные ссылки

(3) ссылки на файлы

Номер 2

Каким образом можно пометить внешнюю ссылку с помощью иконки или символа?

Ответ:

(1) задать для внешних ссылок специальный класс

(2) невозможно определить, является ли ссылка внешней или нет, поэтому ее нельзя пометить особым образом

(3) необходимо воспользоваться специальным свойством a:external_link

Номер 3

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

Ответ:

(1) необходимо объединить классы и псевдо классы в CSS-селекторе, например: a.external:link

(2) иконки можно задавать только для всех состояний ссылки, поэтому невозможно задать иконку или символ для какого-то конкретного состояния

(3) необходимо воспользоваться специальным свойством, соответствующим состоянию ссылки, например: a_visited.external

Введение в стандарты Web - тест 32