Главная / Интернет-технологии /
Основы работы с CSS / Тест 3
Основы работы с CSS - тест 3
Упражнение 1:
Номер 1
Укажите корректный пример задания фонового цвета элемента:
Ответ:
 (1)
<style type="text/css">
ul {background-color: rgb(200,10,200)}
</style>
 
 (2)
<style type="text/css">
ol {bground-fon: #00FFFF}
</style>
 
 (3)
<style type="text/css">
p {bg-color: blue}
</style>
 
Номер 2
Укажите корректный пример задания фонового цвета элемента:
Ответ:
 (1)
<style type="text/css">
ol {bground: #00FFFF}
</style>
 
 (2)
<style type="text/css">
ol {background-color: #00FFFF}
</style>
 
 (3)
<style type="text/css">
ol {back-color: #00FFFF}
</style>
 
Номер 3
Укажите корректный пример задания фонового цвета элемента:
Ответ:
 (1)
<style type="text/css">
li {bg: transparent}
</style>
 
 (2)
<style type="text/css">
li {transparent}
</style>
 
 (3)
<style type="text/css">
li {background-color: transparent}
</style>
 
Упражнение 2:
Номер 1
Укажите корректный пример задания изображения в качестве фона:
Ответ:
 (1)
<style type="text/css">
body
{
background-source:
url(http://www.intuit.ru/picture.jpg)
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
}
</style>
 
 (3)
<style type="text/css">
body
{
background-fon:
url(http://www.intuit.ru/picture.jpg)
}
</style>
 
Номер 2
Укажите корректный пример задания изображения в качестве фона:
Ответ:
 (1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/pic.jpg);
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image: http://www.intuit.ru/picture.jpg;
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image: "url(http://www.intuit.ru/picture.jpg)";
}
</style>
 
Номер 3
Укажите корректный пример задания изображения в качестве фона:
Ответ:
 (1)
<style type="text/css">
body
{
bg-image:
url(http://www.intuit.ru/picture.jpg)
}
</style>
 
 (2)
<style type="text/css">
body
{
background-fon:
"http://www.intuit.ru/picture.jpg"
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/img.jpg)
}
</style>
 
Упражнение 3:
Номер 1
Укажите корректный пример задания повторяющегося фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat
}
</style>
 
 (2)
<style type="text/css">
body
{
background-source:
url(http://www.intuit.ru/picture.jpg)
background-repeat: repeat
}
</style>
 
 (3)
<style type="text/css">
body
{
background-fon:
url(http://www.intuit.ru/picture.jpg)
background-repeat: repeat
}
</style>
 
Номер 2
Укажите корректный пример задания повторяющегося фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/pic.jpg);
background-repeat: repeat;
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image: http://www.intuit.ru/picture.jpg;
background: repeat;
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image: "url(http://www.intuit.ru/picture.jpg)";
background-repeat: true;
}
</style>
 
Номер 3
Укажите корректный пример задания повторяющегося фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
bg-image:
url(http://www.intuit.ru/picture.jpg);
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image:
"http://www.intuit.ru/picture.jpg";
background-repeat: loop;
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/img.jpg);
background-repeat: repeat;
}
</style>
 
Упражнение 4:
Номер 1
Укажите корректный пример задания повторяющегося только по вертикали фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image:url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat;
};
</style>
 
 (2)
<style type="text/css">
body
{
background-image:url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-y;
};
</style>
 
 (3)
<style type="text/css">
body
{
background-image:url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-horiz;
};
</style>
 
Номер 2
Укажите корректный пример задания повторяющегося только по вертикали фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image: http://www.intuit.ru/picture.jpg;
background-repeat: repeat-y;
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image: "url(http://www.intuit.ru/picture.jpg)";
background-repeat: repeat-y;
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/pic.jpg);
background-repeat: repeat-y;
}
</style>
 
Номер 3
Укажите корректный пример задания повторяющегося только по вертикали фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
bg-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-y;
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image: "http://www.intuit.ru/picture.jpg";
background-loop: repeat-y;
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/img.jpg);
background-repeat: repeat-y;
}
</style>
 
Упражнение 5:
Номер 1
Укажите корректный пример задания повторяющегося только по горизонтали фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-x;
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat;
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat-horiz;
}
</style>
 
Номер 2
Укажите корректный пример задания повторяющегося только по горизонтали фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/pic.jpg);
background-repeat: repeat-x;
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image: http://www.intuit.ru/picture.jpg;
background-repeat: repeat-x;
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image: "url(http://www.intuit.ru/picture.jpg)";
background-repeat: repeat-x;
}
</style>
 
Номер 3
Укажите корректный пример задания повторяющегося только по горизонтали фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
bg-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: repeat-x
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/img.jpg)
background-repeat: repeat-x
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image:
"http://www.intuit.ru/picture.jpg"
background-loop: repeat-x
}
</style>
 
Упражнение 6:
Номер 1
Укажите корректный пример задания фиксированного (не прокручивающегося) фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: true
}
</style>
 
Номер 2
Укажите корректный пример задания фиксированного (не прокручивающегося) фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: locked
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: static
}
</style>
 
Номер 3
Укажите корректный пример задания фиксированного (не прокручивающегося) фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: repeat;
background-attachment: no-fixed;
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background: fixed;
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image: url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>
 
Упражнение 7:
Номер 1
Укажите корректный пример задания прокручивающегося фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: scroll
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: repeat;
background-attachment: fixed
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg)
background-repeat: no-repeat;
background-attachment: true
}
</style>
 
Номер 2
Укажите корректный пример задания прокручивающегося фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background: repeat;
}
</style>
 
 (2)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: dynamic;
}
</style>
 
 (3)
<style type="text/css">
body
{
background-image:
url(http://www.intuit.ru/picture.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}
</style>
 
Упражнение 8:
Номер 1
Укажите корректный пример сокращенной формы задания прокручивающегося фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
repeat background: blue url(http://www.intuit.ru/picture.jpg);
}
</style>
 
 (2)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat dynamic center;
}
</style>
 
 (3)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat scroll center;
}
</style>
 
Номер 2
Укажите корректный пример сокращенной формы задания повторяющегося только по горизонтали фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat center;
}
</style>
 
 (2)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat-x center;
}
</style>
 
 (3)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) scroll-x center;
}
</style>
 
Номер 3
Укажите корректный пример сокращенной формы задания повторяющегося только по вертикали фонового изображения:
Ответ:
 (1)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat-x;
}
</style>
 
 (2)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) repeat-y;
}
</style>
 
 (3)
<style type="text/css">
body
{
background: blue url(http://www.intuit.ru/picture.jpg) vertical;
}
</style>
 
Упражнение 9:
Номер 1
Какое свойство позволяет задать начальное положение фонового изображения?
Ответ:
 (1)
background-position
 
 (2)
background-image
 
 (3)
background-pos
 
Номер 2
Какое свойство позволяет задать изображение в качестве фона элемента?
Ответ:
 (1)
background-image
 
 (2)
background-img
 
 (3)
bg-image
 
Номер 3
Какое свойство позволяет задать цвет фона элемента?
Ответ:
 (1)
bg-color
 
 (2)
background-color
 
 (3)
back
 
Упражнение 10:
Номер 1
Укажите допустимые значения свойства background-attachment:
Ответ:
 (1)
static
 
 (2)
fixed
 
 (3)
scroll
 
Номер 2
Укажите допустимые значения свойства background-position:
Ответ:
 (1)
top left
 
 (2)
down left
 
 (3)
center center
 
Номер 3
Укажите допустимые значения свойства background-repeat:
Ответ:
 (1)
repeat
 
 (2)
loop
 
 (3)
repeat-y