Главная / Интернет-технологии /
Лекции по современным веб-технологиям / Тест 14
Лекции по современным веб-технологиям - тест 14
Упражнение 1:
Номер 1
Выберите псевдокласс, который задает стилевое оформление посещенных пользователем ссылок:
Ответ:
 (1) :active
 
 (2) :hover
 
 (3) :visited
 
 (4) :link
 
Номер 2
Какие псевдоклассы используются для оформления состояния ссылок?
Ответ:
 (1) :link
 
 (2) :before
 
 (3) :first-line
 
 (4) :after
 
 (5) :visited
 
Номер 3
Какой псевдокласс применяется к ссылкам, которые еще не посещались пользователем, и задает для них стилевое оформление?
Ответ:
 (1) :active
 
 (2) :hover
 
 (3) :visited
 
 (4) :link
 
Упражнение 2:
Номер 1
Как с помощью CSS убрать подчеркивание со всех ссылок?
Ответ:
 (1) A {underline: none;}
 
 (2) A {text-decoration: none;}
 
 (3) A {decoration: none;}
 
 (4) A {decoration: no underline;}
 
Номер 2
Как с помощью CSS установить подчеркивание для всех ссылок?
Ответ:
 (1) A {underline;}
 
 (2) A {text-decoration: underline;}
 
 (3) A {decoration: underline;}
 
 (4) A {text-decoration: overline;}
 
Номер 3
Какое правило задает ложное подчеркивание для ссылок?
Ответ:
 (1) A: link {border-bottom: underline solid;}
 
 (2) A: link {border-bottom: 1px solid;}
 
 (3) A: link {1px solid;}
 
 (4) A: link {uderline solid;}
 
Упражнение 3:
Номер 1
Какое из представленных правил добавляет изображение image.gif к ссылкам во всех состояниях?
Ответ:
 (1)
A {background: src("image.gif") center right no-repeat;
padding-right: 30px;}
 
 (2)
A {background: url("image.gif") center right no-repeat;
padding-right: 30px;}
 
 (3)
A:link {background: url("image.gif") center right
no-repeat;
padding-right: 30px;}
 
 (4)
A {url("image.gif") center right no-repeat;
padding-right: 30px;}
 
Номер 2
Какое из представленных правил добавляет изображение image.gif к ссылкам, посещенным пользователем?
Ответ:
 (1)
A {background: src("image.gif") center right no-repeat;
padding-right: 30px;}
 
 (2)
A:visited {background: url("image.gif") center right
no-repeat;
padding-right: 30px;}
 
 (3)
A:link {background: url("image.gif") center right
no-repeat;
padding-right: 30px;}
 
 (4)
A {url("image.gif") center right no-repeat;
padding-right: 30px;}
 
Упражнение 4:
Номер 1
Какое правило меняет цвет ссылки при наведении на него курсора мыши?
Ответ:
 (1) A:hover {color: red;}
 
 (2) A:link {color: red;}
 
 (3) A: visited {color: red;}
 
 (4) A: active {color: red;}
 
Номер 2
Какое правило меняет цвет фона ссылки при наведении на него курсора мыши?
Ответ:
 (1) A:link {color: red;}
 
 (2) A:hover {background: red;}
 
 (3) A: visited {background: red;}
 
 (4) A: active {color: red;}
 
Упражнение 5:
Номер 1
Какое свойство CSS используется для управления видом маркера списка?
Ответ:
 (1) list-type-style
 
 (2) list-style-type
 
 (3) style-list
 
 (4) list-type
 
Номер 2
Как с помощью CSS задать в качестве маркера списка закрашенный кружок?
Ответ:
 (1) list-type-style: circle;
 
 (2) list-style-type: disk;
 
 (3) style-list: circle;
 
 (4) list-type: disk;
 
Номер 3
Какое значение свойства list-style-type
устанавливается по умолчанию для маркированного списка?
Ответ:
 (1) disk
 
 (2) circle
 
 (3) decimal
 
 (4) square
 
Упражнение 6:
Номер 1
Какое свойство CSS определяет размещение маркера списка относительно текста?
Ответ:
 (1) list-position
 
 (2) list-style
 
 (3) style-position
 
 (4) list-style-position
 
Номер 2
Свойство list-style-position
определяет ...
Ответ:
 (1) вид маркера списка 
 (2) размещение маркера относительно текста 
 (3) размещение списка 
Номер 3
Какое значение свойства list-style-position
определяет обтекание текстом маркера?
Ответ:
 (1) outside
 
 (2) inside
 
 (3) none