игра брюс 2048
Главная / Интернет-технологии / Введение в стандарты Web / Тест 31

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

Упражнение 1:
Номер 1 
Какую функцию выполняет свойство background-position?

Ответ:

 (1) указывает путь доступа или URL фонового изображения 

 (2) сообщает браузеру, где разместить фоновое изображение 

 (3) задает поведение фонового изображения, когда пользователь выполняет прокрутку 

Номер 2 
Какую функцию выполняет свойство background-image?

Ответ:

 (1) указывает путь доступа или URL фонового изображения 

 (2) сообщает браузеру, где разместить фоновое изображение 

 (3) задает поведение фонового изображения, когда пользователь выполняет прокрутку 

Номер 3 
Какую функцию выполняет свойство background-color?

Ответ:

 (1) задает цвет фона элемента HTML 

 (2) сообщает браузеру, где разместить фоновое изображение 

 (3) задает поведение фонового изображения, когда пользователь выполняет прокрутку 

Упражнение 2:
Номер 1 
Какое определение верно?

Ответ:

 (1) background-color: #3366CC; 

 (2) background-color: white; 

 (3) background-color: RGB(249, 201, 260); 

 (4) background-color: transparent; 

Номер 2 
Какое определение верно?

Ответ:

 (1) background-image: url('images/bg.gif'); 

 (2) background-image: url(alert.png); 

 (3) background-image: url("picture.gif"); 

Номер 3 
В каком случае изображение будет повторяться по горизонтали?

Ответ:

 (1) background-repeat: repeat-x; 

 (2) background-repeat: repeat-y; 

 (3) background-repeat: repeat; 

 (4) background-repeat: no-repeat; 

Упражнение 3:
Номер 1 
Укажите допустимый вариант определения:

Ответ:

 (1) background-position: right bottom; 

 (2) background-position: right top; 

 (3) background-position: 0% 0%; 

Номер 2 
В каком случае фон будет расположен в левом верхнем углу?

Ответ:

 (1) background-position: 0% 0%; 

 (2) background-position: 100% 100%; 

 (3) background-position: left top; 

 (4) background-position: top left; 

Номер 3 
Укажите допустимый вариант определения:

Ответ:

 (1) background-attachment: fixed; 

 (2) background-attachment: scroll; 

 (3) background-attachment: 1; 

 (4) background-attachment: 0; 

Упражнение 4:
Номер 1 
Каково значение свойства background-repeat по умолчанию?

Ответ:

 (1) repeat-x 

 (2) repeat-y 

 (3) repeat 

 (4) no-repeat 

Номер 2 
В каком случае изображение будет позиционировано в нижнем левом углу элемента blockquote?

Ответ:

 (1) blockquote{background: yellow url(quote.png) no-repeat scroll 0% 100%;} 

 (2) blockquote{background: yellow url(quote.png) no-repeat scroll 0% 0%;} 

 (3) blockquote{background: yellow url(quote.png) no-repeat scroll 100% 100%;} 

Номер 3 
В каком случае изображение будет позиционировано в нижнем правом углу элемента blockquote?

Ответ:

 (1) blockquote{background: yellow url(quote.png) no-repeat scroll 0% 100%;} 

 (2) blockquote{background: yellow url(quote.png) no-repeat scroll 0% 0%;} 

 (3) blockquote{background: yellow url(quote.png) no-repeat scroll 100% 100%;} 

Упражнение 5:
Номер 1 
В каком случае выполняется HTTP запрос?

Ответ:

 (1) в случае, когда происходит обращение к Web-сайту 

 (2) в случае, когда клиент запрашивает у сервера файл CSS 

 (3) в случае, когда клиент запрашивает у сервера изображение 

Номер 2 
Для чего используются спрайты?

Ответ:

 (1) для изменения содержания HTTP запроса 

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

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

Номер 3 
Пусть спрайт содержит 3 фоновых изображения, каждое шириной 30 px (между изображениями нет промежутков). В каком случае будет показано третье изображение?

Ответ:

 (1) background-position:-60px 0 

 (2) background-position:0 0 

 (3) background-position:-60px -60px 

Упражнение 6:
Номер 1 
Спрайт содержит 4 изображения. Сколько изображений нужно будет загружать при открытии сайта?

Ответ:

 (1) 1 

 (2) 2 

 (3) 4 

Номер 2 
Каково значение параметра background-attachment по умолчанию?

Ответ:

 (1) fixed 

 (2) scroll 

 (3) none 

Номер 3 
В каком случае фоновое изображение прокручивается вместе с содержимым элемента?

Ответ:

 (1) background-attachment: fixed; 

 (2) background-attachment: scroll; 

 (3) в любом случае 

Упражнение 7:
Номер 1 
Укажите верные варианты определения:

Ответ:

 (1) background-position: -10%; 

 (2) background-position: -30em; 

 (3) background-position: right; 

Номер 3 
Какое определение эквиваленто определению background-position: 0% 50%;?

Ответ:

 (1) background-position: left center; 

 (2) background-position: center left; 

 (3) background-position: 50% 0%; 

 (4) background-position: left; 

Упражнение 8:
Номер 1 
Каково значение горизонтального смещения элемента при определении background-position: 10px 40px;?

Ответ:

 (1) 10px 

 (2) 40px 

 (3) 0px 

Номер 2 
Каково значение вертикального смещения элемента при определении background-position: 10px 40px;?

Ответ:

 (1) 10px 

 (2) 40px 

 (3) 0px 

Номер 3 
В каком случае элемент будет смещен по горизонтали?

Ответ:

 (1) background-position: 10px 0px; 

 (2) background-position: 0px 10px; 

 (3) background-position: -10px 0px; 

Упражнение 9:
Номер 1 
В каком случае часть фонового изображения будет не видна (при background-repeat: no-repeat)?

Ответ:

 (1) background-position: 10px 0px; 

 (2) background-position: 0px 10px; 

 (3) background-position: -10px 0px; 

Номер 2 
В каком случае элемент будет виден полностью?

Ответ:

 (1) background-position: 10px 0px; 

 (2) background-position: 0px 10px; 

 (3) background-position: -10px 0px; 

Номер 3 
Какое значение свойства background-position смещает элемент вверх и влево?

Ответ:

 (1) положительные 

 (2) отрицательные 

 (3) как положительные, так и отрицательные, зависит от величины смещения 

Упражнение 10:
Номер 1 
Какие значения свойства background-position смещают элемент вниз и вправо?

Ответ:

 (1) положительные 

 (2) отрицательные 

 (3) как положительные, так и отрицательные, зависит от величины смещения 

Номер 2 
Какое свойство используется для вывода изображений, содержащихся в спрайте?

Ответ:

 (1) background-attachment 

 (2) background-position 

 (3) background-color 

Номер 3 
Для каких элементов можно использовать CSS спрайты?

Ответ:

 (1) для ссылок 

 (2) для меню 

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

Упражнение 11:
Номер 1 
Спрайт содержит изображения высотой и шириной 30 px. Как расположены изображения, если для получения второго изображения из данного спрайта используется определение background-position:0 -30px;?

Ответ:

 (1) по вертикали 

 (2) по горизонтали 

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

Номер 2 
Спрайт содержит изображения высотой и шириной 30 pt. Как расположены изображения, если для получения второго изображения из данного спрайта используется определение background-position: -30px 0;?

Ответ:

 (1) по вертикали 

 (2) по горизонтали 

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

Номер 3 
В чем заключается принцип работы CSS спрайтов?

Ответ:

 (1) в использовании отдельного изображения для каждого варианта оформления элемента 

 (2) в уменьшении HTTP запросов 

 (3) в изменении положения фона 

Упражнение 12:
Номер 1 
Какие свойства явно не указаны в определении background: #fc0 url('sample.gif') repeat-y;?

Ответ:

 (1) background-attachment 

 (2) background-color 

 (3) background-image 

 (4) background-position 

 (5) background-repeat 

Номер 2 
В каком случае фон будет перемещаться вместе с содержимым элемента?

Ответ:

 (1) background: url(images/pic_bg.gif) left top repeat #D4D2D3; 

 (2) background: #fc0 url('sample.gif') repeat-y fixed; 

 (3) background: #ffffff url('sample.gif') repeat scroll; 

Номер 3 
В каком случае изображение не будет смещаться по вертикали?

Ответ:

 (1) background: url(images/pic_bg.gif) repeat #D4D2D3; 

 (2) background-position: 20px 0px; 

 (3) background-position: 10% 25%; 



Главная / Интернет-технологии / Введение в стандарты Web / Тест 31