Главная / Интернет-технологии /
Лекции по современным веб-технологиям / Тест 12
Лекции по современным веб-технологиям - тест 12
Упражнение 1:
Номер 1
Какое из приведенных ниже правил делает текст всех заголовков красным?
Ответ:
 (1) H1 {bgcolor: red;}
 
 (2) H1 {color: red;}
 
 (3) H1 {background-color: red;}
 
 (4) H1 {colour: red;}
 
Номер 2
Какое из приведенных ниже правил устанавливает красный фон для всех элементов H1
?
Ответ:
 (1) H1 {bgcolor: red;}
 
 (2) H1 {color: red;}
 
 (3) H1 {background-color: red;}
 
 (4) H1 {background: red;}
 
Номер 3
Какое свойство CSS используется для задания фона элементов?
Ответ:
 (1) bgcolor
 
 (2) color
 
 (3) back-color
 
 (4) background-color
 
 (5) ground
 
Упражнение 2:
Номер 1
Какое свойство CSS устанавливает фоновое изображение для элемента?
Ответ:
 (1) background-style
 
 (2) background-color
 
 (3) background-image
 
 (4) background-position
 
Номер 2
Что используется в качестве значения свойства background-image
?
Ответ:
 (1) формат графического файла 
 (2) путь к графическому файлу 
 (3) цвет фона элемента 
 (4) размер графического файла 
Номер 3
Какое правило задает в качестве фона веб-страницы графическое изображение backgroung.jpg
?
Ответ:
 (1) BODY {background-image: src("background.jpg")}
 
 (2) BODY {background-image: url("background.jpg")}
 
 (3) BODY {image: url("background.jpg")}
 
 (4) BODY {background-style: src("background.jpg")}
 
Упражнение 3:
Номер 1
Какое правило устанавливает горизонтальное повторение фонового изображения веб-страницы?
Ответ:
 (1)
BODY {background-image: url("background.jpg");
background-repeat: repeat-y;}
 
 (2)
BODY {background-image: url("background.jpg");
background-repeat: repeat;}
 
 (3)
BODY {background-image: url("background.jpg");
background-repeat: scale-x;}
 
 (4)
BODY {background-image: url("background.jpg");
background-repeat: repeat-x;}
 
Номер 2
Какое значение свойства background-repeat
запрещает повторение фонового изображения?
Ответ:
 (1) repeat
 
 (2) no-repeat
 
 (3) fixed
 
 (4) none
 
Номер 3
Какое значение по умолчанию принимает свойство background-repeat
?
Ответ:
 (1) no-repeat
 
 (2) repeat-x
 
 (3) repeat-y
 
 (4) repeat
 
Упражнение 4:
Номер 1
Какое свойство CSS определяет поведение фонового рисунка при прокручивании содержимого веб-страницы?
Ответ:
 (1) background-style
 
 (2) background-attachment
 
 (3) background-color
 
 (4) background-position
 
Номер 2
Какие значения может принимать свойство background-attachment
?
Ответ:
 (1) scroll
 
 (2) none
 
 (3) fixed
 
 (4) no-fixed
 
Номер 3
Какое значение свойства background-attachment
заставляет фоновое изображение прокручиваться вместе с содержимым элемента?
Ответ:
 (1) repeat
 
 (2) scroll
 
 (3) fixed
 
 (4) repeat-y
 
 (5) no-fixed
 
Упражнение 5:
Номер 1
Какое свойство CSS позволяет позиционировать фоновый рисунок?
Ответ:
 (1) background-attachment
 
 (2) background-color
 
 (3) background-position
 
 (4) background-style
 
Номер 2
Какое из приведенных правил располагает изображение в левом верхнем углу экрана?
Ответ:
 (1)
BODY {
background-image: url("background.jpg");
background-position: right bottom;
}
 
 (2)
BODY {
background-image: url("background.jpg");
background-position: left top;
}
 
 (3)
BODY {
background-image: url("background.jpg");
background-position: left bottom;
}
 
 (4)
BODY {
background-image: url("image.jpg");
background-position: right top;
}
 
Номер 3
Какие из приведенных правил располагают изображение в правом нижнем углу экрана?
Ответ:
 (1)
BODY {
background-image: url("background.jpg");
background-position: 0% 0%;
}
 
 (2)
BODY {
background-image: url("background.jpg");
background-position: right bottom;
}
 
 (3)
BODY {
background-image: url("background.jpg");
background-position: left bottom;
}
 
 (4)
BODY {
background-image: url("image.jpg");
background-position: 100% 100%;
}
 
Упражнение 6:
Номер 1
В какой последовательности рекомендуется размещать свойства при объединении отдельных свойств фона в группу?
Ответ:
 (1) background-image, background-color, background-repeat, background-attachment, background-position
 
 (2) background-color, background-image, background-repeat, background-attachment, background-position
 
 (3) background-position, background-color, background-image, background-repeat, background-attachment
 
Номер 2
Какие свойства фона не заданы в следующем правиле?
background: black url("background.jpg") no-repeat;
Ответ:
 (1) background-attachment и background-image
 
 (2) background-attachment и background-position
 
 (3) background-color и background-repeat
 
 (4) background-position и background-image
 
Номер 3
Следующий набор правил устанавливает цвет фона, фоновое изображение, вид повторения, присоединение и позицию изображения:
background-color: black;
background-image: url("background.jpg");
background-repeat: repeat-x;
background-attachment: fixed;
background-position: 0% 0%;
Какое из приведенных ниже правил позволяет достичь аналогичного результата?
Ответ:
 (1) background: black, url("background.jpg"), repeat-x, fixed, 0% 0%;
 
 (2) background: black url("background.jpg") repeat-x fixed 0% 0%;
 
 (3) background: black; url("background.jpg"); repeat-x; fixed; 0% 0%;
 
 (4) background: black - url("background.jpg") - repeat-x – fixed - 0% 0%;