HTML5. Основы клиентской разработки

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

Номер 1

 Следующий атрибут стиля определяет будет ли фоновое изображение прокручиваться вместе с элементом:

Ответ:

(1) background-repeat

(2) background-attachment

(3) background-position

Номер 2

 Следующий атрибут стиля определяет размещение фона элемента:

Ответ:

(1) background-repeat

(2) background-attachment

(3) background-position

Номер 3

 Цвет фона элемента определяет атрибут стиля:

Ответ:

(1) color

(2) background-color

(3) background-image

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

Номер 1

 Следующий атрибут стиля задает тип представления строчных букв:

Ответ:

(1) font-family

(2) font-style

(3) font-variant

(4) font-weight

(5) font-size

Номер 2

 Насыщенность шрифта задается следующим атрибутом стиля:

Ответ:

(1) font-family

(2) font-style

(3) font-variant

(4) font-weight

(5) font-size

Номер 3

 Названия шрифтов (Camria, Arial и тд) являются значениями следующего атрибута стиля:

Ответ:

(1) font-family

(2) font-style

(3) font-variant

(4) font-weight

(5) font-size

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

Номер 1

 Величину отступа для первой строки текста определяет атрибут стиля:

Ответ:

(1) text-indent

(2) text-align-last

(3) text-overflow

(4) text-shadow

(5) text-align

Номер 2

 Выравнивание последней строки текста задается атрибутом стиля:

Ответ:

(1) text-indent

(2) text-align-last

(3) text-overflow

(4) text-shadow

(5) text-align

Номер 3

 Видимость текста задается атрибутом стиля:

Ответ:

(1) text-indent

(2) text-align-last

(3) text-overflow

(4) text-shadow

(5) text-align

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

Номер 1

 Выравнивание фрагмента по нижней части родительского элемента задается следующим значением атрибутом стиля:

Ответ:

(1) baseline

(2) bottom

(3) sub

(4) super

(5) text-bottom

Номер 2

 Выравнивание базовой линии элемента по базовой линии нижнего индекса родительского элемента задается следующим значением атрибутом стиля:

Ответ:

(1) baseline

(2) bottom

(3) sub

(4) super

(5) text-bottom

Номер 3

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

Ответ:

(1) baseline

(2) bottom

(3) sub

(4) super

(5) text-bottom

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

Номер 1

 Выберите верное утверждение:

Ответ:

(1) <div> является единственным элементом - контейнером

(2) <div> используется для группировки элементов веб - страницы

(3) <div> является блочным элементом

Номер 2

 Выберите верное утверждение:

Ответ:

(1) контейнер может отображать содержимое внешней, по отношению к нему веб - страницы

(2) <div> размещается на той же строке, что и предыдущий элемент

(3) <div> является единственным элементом - контейнером

Номер 3

 Выберите верное утверждение:

Ответ:

(1) <div> не является единственным элементом - контейнером

(2) в отличие от фрейма контейнер не может отображать содержимое внешней, по отношению к нему веб - страницы

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

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

Номер 1

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

Ответ:

(1) clear: left

(2) float:left

(3) clear: none

Номер 2

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

Ответ:

(1) clear: left

(2) float:left

(3) clear: none

Номер 3

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

Ответ:

(1) clear: left

(2) float:left

(3) clear: none

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

Номер 1

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

Ответ:

(1) visible

(2) hidden

(3) scroll

(4) auto

Номер 2

Отметьте значение атрибута стиля overflow, для отображения контента внутри элемента, чтобы остальной контент, превышающий размеры контейнера, был скрыт:

Ответ:

(1) visible

(2) hidden

(3) scroll

(4) auto

Номер 3

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

Ответ:

(1) visible

(2) hidden

(3) scroll

(4) auto

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

Номер 1

 Следующий селектор определит стиль, который применен к любому тегу <img>, атрибут title, которого содержит слово word:

Ответ:

(1) img[title ~="word"]

(2) img[title|="word"]

(3) img[title="word"]

Номер 2

 Следующий селектор определит стиль, который применен к любому тегу <img>, атрибут title, которого содержит разделенное дефисом слово word:

Ответ:

(1) img[title ~="word"]

(2) img[title|="word"]

(3) img[title="word"]

Номер 3

 Следующий селектор определит стиль, который применен к любому тегу <img>, значение атрибута title, которого равно "word":

Ответ:

(1) img[title ~="word"]

(2) img[title|="word"]

(3) img[title="word"]

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

Номер 1

 Следующий селектор определит стиль для элемента <p>, следующего за элементом <strong>:

Ответ:

(1) strong +p

(2) strong > p

(3) p

Номер 2

 Следующий селектор определит стиль для элемента <p>, дочернего, по отношению к элементу <strong>:

Ответ:

(1) strong +p

(2) strong > p

(3) p:strong

(4) strong < p

Номер 3

 Следующий селектор определит стиль для элемента <p>, дочернего, по отношению к элементу <li>, и следующему за элементом <strong>:

Ответ:

(1) strong +p

(2) strong > p

(3) li>p

(4) li +p

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

Номер 1

 Для привязки стиля к первой букве текста используются:

Ответ:

(1) селекторы атрибутов

(2) селекторы псевдоклассов

(3) селекторы псевдоэлементов

Номер 2

 Для привязки стиля к определенному состоянию элемента используются:

Ответ:

(1) селекторы атрибутов

(2) селекторы псевдоклассов

(3) селекторы псевдоэлементов

Номер 3

 Для изменения стиля ссылки, на которую наведен курсор, используются:

Ответ:

(1) селекторы атрибутов

(2) селекторы псевдоклассов

(3) селекторы псевдоэлементов

HTML5. Основы клиентской разработки - тест 9