Основы работы с CSS

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

Номер 1

Какой параметр задает тип выводимого курсора?

Ответ:

(1) display

(2) setcursor

(3) cursor

Номер 2

Укажите доступные значения параметра cursor:

Ответ:

(1) default

(2) text

(3) wait

(4) stop

Номер 3

Укажите доступные значения параметра cursor:

Ответ:

(1) crosshair

(2) auto

(3) "www.intuit.ru\cursor.psd"

(4) url("www.intuit.ru\cursor.cur"), pointer

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

Номер 1

Как установить курсор в виде песочных часов?

Ответ:

(1) clock

(2) wait

(3) time

Номер 2

Как установить курсор в виде указателя (руки)?

Ответ:

(1) pointer

(2) arm

(3) link

Номер 3

Как установить курсор в виде знака вопроса?

Ответ:

(1) help

(2) about

(3) help-arrow

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

Номер 1

Какой параметр позволяет задать способ визуализации элемента?

Ответ:

(1) monitor

(2) show

(3) display

Номер 2

Укажите допустимые значения параметра display:

Ответ:

(1) html

(2) table

(3) body

(4) off

Номер 3

Укажите допустимые значения параметра display:

Ответ:

(1) block

(2) inline

(3) none

(4) auto

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

Номер 1

С помощью какого параметра можно задать вывод элемента в виде списка?

Ответ:

(1) list

(2) list-item

(3) listing

Номер 2

С помощью какого параметра можно задать вывод элемента в виде таблицы?

Ответ:

(1) list

(2) table-cell

(3) table

Номер 3

С помощью какого параметра можно отключить вывод элемента?

Ответ:

(1) none

(2) off

(3) invisible

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

Номер 1

Укажите корректные варианты форматирования:

Ответ:

(1) div{clear: both}

(2) div{clear: left}

(3) div{clear: none}

(4) div{clear: auto}

Номер 2

Укажите корректные варианты форматирования:

Ответ:

(1) div{cursor : url("general.cur"), url("other.cur"), text;}

(2) div{cursor : url("general.cur"), text;}

(3) div{cursor : wait;}

(4) div{cursor : stop;}

Номер 3

Укажите корректные варианты форматирования:

Ответ:

(1) pre{display: block}

(2) strong{display: inline}

(3) img{display: none}

(4) h1, h3{display: none}

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

Номер 1

С помощью какого параметра можно определить, где в другом элементе появится изображение или текст?

Ответ:

(1) float

(2) visibility

(3) pos

Номер 2

Укажите корректные варианты использования свойства visibility:

Ответ:

(1) pre{visibility: hidden}

(2) pre:visibility=hidden

(3) h1{visibility: visible}

Номер 3

С помощью какого параметра можно задать статическое, относительное, абсолютное или фиксированное положение элемента?

Ответ:

(1) float

(2) pos

(3) position

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

Номер 1

Какой параметр задает форму элемента?

Ответ:

(1) redraw

(2) form

(3) clip

Номер 2

Укажите доступные значения параметра clip:

Ответ:

(1) clip:rect(2px 175px 100px 0px)

(2) clip:auto

(3) clip:rect(2%)

(4) clip:off

Номер 3

Укажите доступные значения параметра clip:

Ответ:

(1) clip:rect(2px 175px 100px 0px)

(2) clip:rect(2, 175, 100, 0)

(3) clip:10% 10% 15% 1%

(4) clip:auto

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

Номер 1

Какой параметр определяет, что происходит, когда содержимое элемента переполняет его область?

Ответ:

(1) overflow

(2) draw

(3) clip

Номер 2

Укажите доступные значения параметра overflow:

Ответ:

(1) visible

(2) hidden

(3) scroll

(4) none

Номер 3

Укажите доступные значения параметра overflow:

Ответ:

(1) invisible

(2) resize

(3) hidden

(4) auto

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

Номер 1

Какой параметр определяет, насколько далеко правый край элемента находится левее/правее правого края родительского элемента?

Ответ:

(1) left

(2) right

(3) top

Номер 3

Укажите корректные варианты форматирования:

Ответ:

(1) pre{position: absolute;left: 50px}

(2) pre{position: left=50px}

(3) pre{left: 50px}

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

Номер 1

Укажите варианты форматирования, в которых допущена ошибка:

Ответ:

(1) pre{position: absolute;bottom: 50px}

(2) pre{position: abs}

(3) pre{position: absolute;bottom: nocellpadding}

Номер 2

Укажите варианты форматирования, в которых допущена ошибка:

Ответ:

(1) pre{position: absolute;bottom: -50px}

(2) pre{bottom = -50px}

(3) pre{down: -50px}

Номер 3

Укажите варианты форматирования, в которых допущена ошибка:

Ответ:

(1) img{position:absolute z-index: 1}

(2) img{position:absolute; z-index: 0}

(3) img{position:static; left: 10px}

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

Номер 1

Укажите корректные варианты форматирования:

Ответ:

(1) <style type="text/css"> p.ab { position:absolute; left:75px; top:200px } </style>

(2) <style type="text/css"> p.ab { position:static; left:75px; top:200px } </style>

(3) <style type="text/css"> p { position:absolute; clip:rect(2px 250px 250px 0px) } </style>

Номер 2

Укажите корректные варианты форматирования:

Ответ:

(1) <style type="text/css"> img.first {vertical-align:text-bottom} img.second {vertical-align:text-top} </style>

(2) <style type="text/css"> img.index { position:absolute; left:10px; top:40px; z-index:-1; } </style>

(3) <style type="text/css"> img.index { position:relative top:nomargin z-index:1 } </style>

Номер 3

Укажите корректные варианты форматирования:

Ответ:

(1) <style type="text/css"> p.right { position:relative; left:20px } </style>

(2) <style type="text/css"> img.index { position:absolute; left:10px; top:40px; } </style>

(3) <style type="text/css"> p.right { position:static; left:20px } </style>

Основы работы с CSS - тест 12