игра брюс 2048
Главная / Интернет-технологии / CSS 1.0 / Тест 1

CSS 1.0 - тест 1

Упражнение 1:
Номер 1 
С помощью какого элемента можно сослаться на внешнюю таблицу стилей?

Ответ:

 (1) <UL>  

 (2) <TABLE>  

 (3) <LINK>  

Номер 2 
С помощью какого элемента можно поместить в документ таблицу стилей?

Ответ:

 (1) <STYLE>  

 (2) <TABLE>  

 (3) <A>  

 (4) <P>  

Номер 3 
С помощью какого элемента можно сослаться на внешнюю таблицу стилей?

Ответ:

 (1) <TABLE>  

 (2) <LINK>  

 (3) <LINKCSS>  

Упражнение 2:
Номер 1 
Каким свойствам шрифта присваивает новые значения данная декларация:
H1 { font: bold 12pt/14pt Helvetica }

Ответ:

 (1) 'font-family'  

 (2) 'font-style'  

 (3) 'font-size-adjust'  

Номер 2 
Каким свойствам шрифта присваивает новые значения данная декларация:
H1 { font: bold 12pt/14pt Helvetica }

Ответ:

 (1) 'font-family'  

 (2) 'font-style'  

 (3) 'font-variant'  

Номер 3 
Какие свойства получат новые значения в примере:
H1 { font: bold 12pt/14pt Helvetica }?

Ответ:

 (1) 'font-family'  

 (2) 'font-stretch'  

 (3) 'font-variant'  

Упражнение 3:
Номер 1 
Что является селектором в примере P { font-size:10pt }?

Ответ:

 (1) P  

 (2) 'font-size'  

 (3) 10pt  

 (4) { font-size:10pt }  

Номер 2 
Что является селектором в примере H2 { font-weight: bold }?

Ответ:

 (1) { font-weight: bold }  

 (2) H2  

 (3) bold  

 (4) H2 { font-weight: bold }  

Номер 3 
Что является селектором в примере P { font-style:italic }?

Ответ:

 (1) { font-style:italic }  

 (2) 'font-style'  

 (3) P { font-style:italic }  

 (4) P  

Упражнение 4:
Номер 1 
Что является объявлением в правиле "H1 { color: brown }"?

Ответ:

 (1) H1  

 (2) 'color'  

 (3) color: brown  

Номер 2 
Что является объявлением в правиле HR { width:50px }?

Ответ:

 (1) HR { width:50px }  

 (2) 'width'  

 (3) width:50px  

Номер 3 
Что является объявлением в правиле P { font-family:Arial }?

Ответ:

 (1) P  

 (2) 'font-family'  

 (3) font-family:Arial  

Упражнение 5:
Номер 1 
Что является свойством объявления в примере H1 { color: grey } ?

Ответ:

 (1) H1  

 (2) { color: grey }  

 (3) color  

Номер 2 
Что является свойством объявления в примере P { font-weight: oblique }?

Ответ:

 (1) { font-weight: oblique }  

 (2) 'font-weight'  

 (3) 'oblique'  

Номер 3 
Что является свойством объявления в примере HR { width:250px } ?

Ответ:

 (1) HR  

 (2) 'width'  

 (3) '250px'  

Упражнение 6:
Номер 1 
Что является значением объявления в правиле "H2 { font-weight: oblique }"?

Ответ:

 (1) H2 { font-weight: oblique }  

 (2) 'font-weight'  

 (3) 'oblique'  

Номер 2 
Что является значением объявления в правиле "I { font-weight: bold }"?

Ответ:

 (1) I  

 (2) { font-weight: bold }  

 (3) 'bold'  

Номер 3 
Что является значением объявления в правиле "B { font-weight: bold }"?

Ответ:

 (1) B  

 (2) B { font-weight: bold }  

 (3) 'bold'  

Упражнение 7:
Номер 1 
Укажите правильный вариант размещения таблицы стилей в документе:

Ответ:

 (1) <STYLE type="text/css"> H1 { color: blue } </STYLE>  

 (2) <STYLE type="text/css"> P { color: blue } </STYLE>  

 (3) <STYLE type="text/css"> I { color: blue } </STYLE>  

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

Ответ:

 (1) <STYLE type="text/css"> H1 { color: blue } </STYLE>  

 (2) <LINK rel="stylesheet" href="one.css" type="text/css">  

 (3) HR { width:250px }  

Номер 4 
Укажите правильный вариант размещения таблицы стилей в документе:

Ответ:

 (1) <STYLE type="text/css"> P { color: blue }  

 (2) <LINK rel="stylesheet" href="number.css" type="text/css">  

 (3) <STYLE type="text/css"> S { color: blue } </STYLE>  

Упражнение 8:
Номер 1 
Укажите атрибуты тэга LINK, которые используются для ссылки на внешнюю таблицу стилей:

Ответ:

 (1) "stylesheet"  

 (2) "href"  

 (3) "text/html"  

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

Ответ:

 (1) /...\  

 (2) {...}  

 (3) /*...*/  

Номер 3 
Какой символ разделяет объявления, сгруппированные внутри блока?

Ответ:

 (1) ":"  

 (2) "/"  

 (3) ";"  

Упражнение 9:
Номер 1 
Укажите пример корректного подключения внешней таблицы стилей:

Ответ:

 (1) <LINK rel="stylesheet" href="one.css" type="text/css">  

 (2) <LINK rel="stylesheet" type="text/css">  

 (3) <LINK href="first.css" type="text/css">  

Номер 2 
Укажите пример корректного подключения внешней таблицы стилей:

Ответ:

 (1) <LINK rel="stylesheet" href="bach.css" type="text/css">  

 (2) <LINK rel="stylesheet" href="one.css" type="text/css">  

 (3) <LINK href="one.css" type="text/css">  

Номер 3 
Укажите пример корректного подключения внешней таблицы стилей:

Ответ:

 (1) <HEAD> <LINK rel="stylesheet" href="table.css" type="text/css"> </HEAD>  

 (2) <STYLE> <LINK rel="stylesheet" href="table.css" type="text/css"> </STYLE>  

 (3) <BODY> <LINK rel="stylesheet" href="table.css" type="text/css"> </BODY>  

Упражнение 10:
Номер 1 
Неверными примерами использования ключевых слов являются:

Ответ:

 (1) font-family: serif  

 (2) font-size: 12pt  

 (3) width: "auto"  

 (4) background: "blue"  

Номер 2 
Неверными примерами использования ключевых слов являются:

Ответ:

 (1) background: yellow  

 (2) font-size: 15pt  

 (3) font-style: italic  

 (4) color: "brown"  

Номер 3 
Ключевые слова корректно использованы в следующих примерах:

Ответ:

 (1) font-weight: "oblique"  

 (2) width:70px  

 (3) font-family:Arial  

 (4) margin: "15em"  

Упражнение 11:
Номер 1 
Какое правило недопустимо:
 @import "subs.css";
H1 { color: blue }
@import "list.css";

Ответ:

 (1) @import "subs.css"  

 (2) H1 { color: blue }  

 (3) @import "list.css";  

Номер 2 
Какое правило недопустимо:
@import "subs.css";
@media print {
@import "print-main.css";
BODY { font-size: 10pt }
}
H1 {color: blue }

Ответ:

 (1) @import "subs.css";  

 (2) @media print {  

 (3) @import "print-main.css";  

 (4) BODY { font-size: 10pt }  

Номер 3 
Блок начинается символом:

Ответ:

 (1) {  

 (2) "  

 (3) '  

 (4) ( )  

Упражнение 12:
Номер 1 
Следующие правила:
H1 { font-weight: bold }
H1 { font-size: 12pt }
H1 { line-height: 14pt } эквивалентны:

Ответ:

 (1) H1 { font-weight: bold; font-size: 12pt; line-height: 14pt; }  

 (2) H1, H2, H3 { font-weight: bold; font-size: 12pt; line-height: 14pt; }  

 (3) H2 { font-weight: bold; font-size: 12pt; line-height: 14pt; }  

Номер 2 
Следущая таблица:
        H1 { color: red; font-style: 12pt }
P { color: blue;  font-vendor: any;
font-variant: small-caps }
EM EM { font-style: normal }
будет уменьшена разборщиком CSS до:

Ответ:

 (1) H1 { color: red; } P { color: blue; font-variant: small-caps }  

 (2) H1 { color: red; } P { color: blue; font-variant: small-caps } EM EM { font-style: normal }  

 (3) P { color: blue; font-variant: small-caps } EM EM { font-style: normal }  

Номер 3 
Комментарии в CSS находятся между символов:

Ответ:

 (1) "/*...*/"  

 (2) "/.../"  

 (3) "*...*"  

 (4) "?...?"  

Упражнение 13:
Номер 1 
Если в таблице стилей указано:
   H1 { color: red; rotation: 70minutes },
    то браузер будет рассматривать это как:

Ответ:

 (1) H1  

 (2) H1 { color: red }  

 (3) H1 { color: red; rotation}  

 (4) H1 { rotation: 70minutes}  

Номер 2 
Укажите правила с неверными значениями:

Ответ:

 (1) IMG { float: left }  

 (2) IMG { background: "red" }  

 (3) IMG { float: left here }  

 (4) IMG { border-width: 3 }  

Номер 3 
Следующие правила: 
        IMG { float: left }
IMG { float: left here }  
IMG { background: "red" } 
IMG { border-width: 3 }
будут рассмотрены разборщиком CSS так, как если бы таблица была такой:

Ответ:

 (1) IMG { float: left } IMG { float: left here } IMG { } IMG { }  

 (2) IMG { float: left } IMG { } IMG { } IMG { border-width: 3 }  

 (3) IMG { float: left } IMG { } IMG { } IMG { }  

 (4) IMG { } IMG { float: left here } IMG { background: "red" } IMG { border-width: 3 }  

 (5) IMG { } IMG { float: left here } IMG { } IMG { border-width: 3 }  

Упражнение 14:
Номер 1 
В каких единицах задается свойство шрифта x-height?

Ответ:

 (1) px  

 (2) em  

 (3) ex  

Номер 3 
Относительные единицы измерения используются в следующих примерах:

Ответ:

 (1) H1 { margin: 1ex }  

 (2) P { font-size: 12px }  

 (3) H1 { margin: 0.5in }  

 (4) H1 { margin: 0.5em }  

Упражнение 15:
Номер 1 
Укажите абсолютные единицы измерения:

Ответ:

 (1) in  

 (2) cm  

 (3) ex  

Номер 2 
Укажите примеры с абсолютными единицами измерения:

Ответ:

 (1) H2 { line-height: 3cm }  

 (2) H1 { margin: 0.5in }  

 (3) H4 { font-size: 1pc }  

 (4) P { font-size: 12px }  

Номер 3 
Процентное значение корректно описано:

Ответ:

 (1) P { font-size: 10pt }  

 (2) P { line-height: 120% }  

 (3) P { font-size: 120in }  

 (4) P { line-height: 120px }  

Упражнение 16:
Номер 1 
Псевдоэлементами являются:

Ответ:

 (1) :first-letter  

 (2) :before  

 (3) :after  

 (4) :first-line  

 (5) :first-child  

Номер 2 
Какой псевдоэлемент можно использовать для "начальных заглавных" и "зависающих заглавных", которые являются распространенными типографскими эффектами?

Ответ:

 (1) :first-line  

 (2) :first-child  

 (3) :before  

 (4) :first-letter  

Номер 3 
Какие псевдоэлементы можно использовать для вставки генерируемого содержимого до или после содержимого элемента?

Ответ:

 (1) :after  

 (2) :first-line  

 (3) :first-child  

 (4) :before  

Упражнение 17:
Номер 1 
В каком примере первая форматированная строка будет синего цвета?

Ответ:

 (1) P:first-letter { color: blue; font-size: 200% }  

 (2) P:first-line { color: blue }  

 (3) P { color: blue; font-size: 12pt }  

 (4) <P:first-letter>  

Номер 2 
В каком примере будет создана начальная заглавная зависающая буква, захватывающая две строки:

Ответ:

 (1) <STYLE type="text/css"> P { font-size: 12pt; line-height: 12pt } P:first-letter { font-size: 200%; font-style: italic; font-weight: bold; float: left } SPAN { text-transform: uppercase } </STYLE>  

 (2) <STYLE type="text/css"> P:first-letter { font-size: 200%; font-style: italic; font-weight: bold; float: left } SPAN { text-transform: uppercase } </STYLE>  

 (3) <STYLE type="text/css"> P { font-size: 12pt; line-height: 12pt } SPAN { text-transform: uppercase } </STYLE>  

Номер 3 
В каком примере первые буквы каждого элемента P будут зелеными и размером '24pt'? Остаток первой форматированной строки будет синий, а остаток параграфа - красный.

Ответ:

 (1) P { color: red; font-size: 12pt } P:first-letter { color: green; font-size: 200% } P:first-line { color: blue }  

 (2) P { color: green; font-size: 12pt } P:first-letter { color: red; font-size: 200% } P:first-line { color: blue }  

 (3) P { color: red; font-size: 12pt } P:first-letter { color: green; font-size: 200% }  

Упражнение 18:
Номер 1 
Какое значение указывает, что для данного элемента свойство принимает то же самое вычисленное значение, что и свойство элемента-предка?

Ответ:

 (1) 'interhit'  

 (2) '@import'  

 (3) 'url'  

 (4) '!important'  

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

Ответ:

 (1) 'transparent'  

 (2) 'projection'  

 (3) 'tv'  

 (4) 'inherit'  

Номер 3 
В каком примере во всех элементах, кроме BODY, значение свойства 'color' будет наследоваться, а фон будет прозрачным?

Ответ:

 (1) BODY { color: black !important; background: white !important; } * { color: inherit !important; }  

 (2) BODY { color: black !important; background: white !important; } * { color: inherit !important; background: transparent; }  

 (3) BODY { color: black !important; background: white !important; }  

Упражнение 19:
Номер 1 
Какое правило дает пользователям возможность импортировать правила стиля из других таблиц стилей?

Ответ:

 (1) '@import'  

 (2) 'link'  

 (3) 'transperent'  

 (4) '@get'  

Номер 2 
Какие строки эквивалентны по значению?

Ответ:

 (1) @import url("mystyle.css");  

 (2) @import "mystyle.css";  

 (3) 'import' "mystyle.css";  

 (4) 'import' url("mystyle.css");  

Номер 3 
Какие правила имеют такой же эффект, как если бы импортированная таблица стилей была перенесена в правило @media для того же типа:

Ответ:

 (1) @import url("fineprint.css") print;  

 (2) 'import' url("bluish.css") projection, tv;  

 (3) @import url("bluish.css") projection, tv;  

Упражнение 20:
Номер 1 
Все правила пользователя и автора имеют больший вес, чем правила таблицы стилей по умолчанию, если используется правило:

Ответ:

 (1) "!import"  

 (2) "!important"  

 (3) "!transperent"  

Номер 2 
Какие объявления переопределяют нормальные объявления?

Ответ:

 (1) "inherit"  

 (2) "@import"  

 (3) "first-line"  

 (4) "!important"  

Номер 3 
Какие объявления переопределяют нормальные объявления?

Ответ:

 (1) "base"  

 (2) "@main"  

 (3) "!important"  

Упражнение 21:
Номер 1 
Какое свойство CSS создано для звуковых пользовательских агентов?

Ответ:

 (1) 'cue-before'  

 (2) 'sound'  

 (3) 'media'  

 (4) 'multimedia'  

Номер 2 
Какое свойство CSS используется и для экрана, и для носителя печати?

Ответ:

 (1) 'display'  

 (2) 'transperent'  

 (3) 'import'  

 (4) 'font-size'  

Номер 3 
С помощью каких at-правил можно специфицировать целевой носитель из таблицы стилей?

Ответ:

 (1) @media  

 (2) @import  

 (3) @table  

 (4) @space  

Упражнение 22:
Номер 1 
Для каких вариантов требуются вычисления, чтобы найти их значение?

Ответ:

 (1) 'auto'  

 (2) '10%'  

 (3) '15mm'  

 (4) '20ex'  

Номер 2 
Для каких вариантов не требуются вычисления, чтобы найти их значение?

Ответ:

 (1) '10em'  

 (2) 'white'  

 (3) '15cm'  

 (4) 'auto'  

Номер 3 
Укажите относительные значения:

Ответ:

 (1) '15px'  

 (2) '50in'  

 (3) '10cm'  

 (4) '3ex'  

Упражнение 23:
Номер 1 
Какой параметр можно использовать для задания цвета нижней стороны границы?

Ответ:

 (1) border-down-color  

 (2) border-bottom-color  

 (3) border-bottom-style  

Номер 2 
Какой параметр можно использовать для задания цвета левой стороны границы?

Ответ:

 (1) border-left-style  

 (2) border-right-color  

 (3) border-left-color  

Номер 3 
Какой параметр можно использовать для задания цвета верхней стороны границы?

Ответ:

 (1) border-top-style  

 (2) border-up-color  

 (3) border-top-color  

Упражнение 24:
Номер 1 
Какой параметр служит для задания толщины границы?

Ответ:

 (1) border-width  

 (2) border-all-width  

 (3) width  

Номер 2 
Укажите допустимые значения параметра border-width

Ответ:

 (1) thin  

 (2) medium  

 (3) null  

Номер 3 
Укажите допустимые значения параметра border-width

Ответ:

 (1) off  

 (2) thick  

 (3) none  

Упражнение 25:
Номер 1 
Укажите корректный вариант задания цвета нижней границы:

Ответ:

 (1) h2 { border-down: #800000}  

 (2) h2 { border-bottom: color=#800000}  

 (3) h2 { border-bottom: #800000}  

Номер 2 
Укажите корректные варианты задания цвета нижней границы:

Ответ:

 (1) h6 { border-bottom: red}  

 (2) h6 { border-bottom red}  

 (3) h6 { border-color red}  

Номер 3 
Укажите корректный вариант задания цвета нижней стороны границы:

Ответ:

 (1) h6 { border-bottom-color: rgb(255,0,0) }  

 (2) h6 { border-bottom-color: rgb[255,0,0] }  

 (3) h6 { border-bottom-color: rgb(256,256,256) }  

Упражнение 26:
Номер 1 
Укажите варианты задания параметров границы, содержащие ошибку:

Ответ:

 (1) p {border-style: dashed}  

 (2) p {border-style: double-sided}  

 (3) p {border-style: solid tripple}  

Номер 2 
Укажите варианты задания параметров границы, содержащие ошибку:

Ответ:

 (1) p {border-style: dashed dotted lines}  

 (2) p {border-style: dashed double dotted solid}  

 (3) p {border-style: dotted no}  

Номер 3 
Укажите варианты задания параметров границы, содержащие ошибку:

Ответ:

 (1) p {border-style: dashed noborder}  

 (2) p {border-style: dashed nolines}  

 (3) p {border-style: dashed double hidden }  

Упражнение 27:
Номер 1 
В каком примере ширина левого отступа равняется 20px?

Ответ:

 (1) {margin: 20px 10px 5px 20px}  

 (2) {margin: 20px 10px 20px 10px}  

 (3) {padding: 20px 10px 20px 10px}  

Номер 2 
В каком примере ширина правого отступа равняется 10px?

Ответ:

 (1) {margin: 20px 10px 5px 20px}  

 (2) {padding: 20px 10px 5px 20px}  

 (3) {margin: 10px 10px 20px 20px}  

 (4) {padding: 10px 10px 20px 20px}  

Номер 3 
В каком примере размер верхнего отступа равняется 5px?

Ответ:

 (1) {margin: 5px 10px 20px 20px}  

 (2) {padding: 20px 10px 5px 20px}  

 (3) {margin: 10px 10px 20px 20px}  

 (4) {padding: 10px 10px 20px 20px}  

Упражнение 28:
Номер 1 
Укажите вариант, в котором корректно заданы параметры отступов:

Ответ:

 (1) p{margin-top: auto}  

 (2) p{margin-top: off}  

 (3) p{margin-top: none}  

Номер 2 
Укажите вариант, в котором корректно заданы параметры отступов:

Ответ:

 (1) p{margin-top: -5px}  

 (2) p{margin-top: -5p}  

 (3) p{margin-top: -5}  

Номер 3 
Укажите варианты, в которых корректно заданы параметры полей:

Ответ:

 (1) p{margin-top: -5px}  

 (2) p{margin-top: auto}  

 (3) p{margin-top: 10%}  

Упражнение 29:
Номер 1 
В каком примере ширина левого поля равняется 20px?

Ответ:

 (1) {padding: 20px 10px 5px 20px}  

 (2) {padding: 20px 10px 20px 10px}  

 (3) {padding: 5px 20px 5px 10px}  

Номер 2 
В каком примере ширина правого поля равняется 10px?

Ответ:

 (1) {padding: 20px 10px 5px 20px}  

 (2) {padding: 10px 10px 20px 20px}  

 (3) {padding: 10px 5px 10px 5px}  

Номер 3 
В каком примере ширина верхнего поля равняется 5px?

Ответ:

 (1) {padding: 20px 10px 5px 20px}  

 (2) {padding: 5px 10px 15px 20px}  

 (3) {padding: 10px 10px 20px 5px}  

Упражнение 30:
Номер 1 
Укажите варианты, в которых корректно заданы параметры полей:

Ответ:

 (1) h1.all {padding: 1cm 2cm 1cm 2cm}  

 (2) h1.all {padding-all: 1cm 2cm 1cm 2cm}  

 (3) h1.all {set-padding: 1cm 2cm 1cm 2cm}  

Номер 2 
Укажите варианты, в которых корректно заданы параметры полей:

Ответ:

 (1) h1.all {padding: 1cm 2cm 1cm 2cm}  

 (2) h1.all {1cm 2cm 1cm 2cm}  

 (3) h1.all {padding: 1 2 1 2}  

Номер 3 
Укажите варианты, в которых корректно заданы параметры полей:

Ответ:

 (1) h1.all {padding: 1cm 2cm 1cm 2cm}  

 (2) h1.all {padding: 1% 2% 1% 2%}  

 (3) h1.all {padding: 1 2 1 2}  

Упражнение 31:
Номер 1 
В каком примере P генерирует бокс блока с несколькими инлайн-боксами внутри

Ответ:

 (1) <P>Некоторый <EM>выделенный</EM> текст.</P>  

 (2) <P>Некоторый текст.</P>  

 (3) <P>Некоторый текст.  

 (4) Некоторый <EM>выделенный текст.  

Номер 2 
Какое свойство compact-бокса  определяет вертикальную позицию compact-бокса  относительно cтрочного бокса?

Ответ:

 (1) 'align'  

 (2) 'horizontal-align'  

 (3) 'top-align'  

 (4) 'vertical-align'  

Упражнение 32:
Номер 1 
Какое значение 'text-align' можно использовать для выравнивания compact-элемента у правого края поля?

Ответ:

 (1) 'center'  

 (2) 'left'  

 (3) 'right'  

Номер 2 
Бокс 'run-in' можно определять так:

Ответ:

 (1) <STYLE type="text/css"> H3 { display: run-in } </STYLE>  

 (2) <STYLE type="text/css"> H3 { :run-in } </STYLE></answer>  

 (3) <STYLE type="text/css"> H3 { display: } </STYLE></answer>  

Номер 3 
При каком значении display элемент генерирует основной бокс блока?

Ответ:

 (1) 'inline'  

 (2) 'block'  

 (3) 'marker'  

 (4) 'table'  

Упражнение 33:
Номер 1 
Позиционированием и заполнением в боксе можно управлять с помощью свойств:

Ответ:

 (1) 'top'  

 (2) 'right'  

 (3) 'bottom'  

 (4) 'left'  

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

Ответ:

 (1) 'top'  

 (2) 'left'  

 (3) 'bottom'  

 (4) 'right'  

Номер 3 
Какое свойство специфицирует, насколько смещен вправо левый край содержимого бокса относительно левого края содержащего блока?

Ответ:

 (1) 'right'  

 (2) 'bottom'  

 (3) 'top'  

 (4) 'left'  

Упражнение 34:
Номер 1 
С помощью какого свойства можно определить позиционирование поплавка?

Ответ:

 (1) 'clear'  

 (2) 'float'  

 (3) 'bottom'  

 (4) 'top'  

Номер 2 
Укажите допустимые значения свойства float:

Ответ:

 (1) 'left'  

 (2) 'right'  

 (3) 'none'  

 (4) 'inherit'  

Номер 3 
При помощи какого значения свойства float можно генерировать бокс блока, 
всплывающий влево так, что содержимое будет обтекать его по правой стороне бокса, начиная от верха?

Ответ:

 (1) 'left'  

 (2) 'right'  

 (3) 'none'  

 (4) 'inherit'  

Упражнение 35:
Номер 1 
Управлять положением после поплавка можно с помощью свойства:

Ответ:

 (1) 'float'  

 (2) 'clear'  

 (3) 'bottom'  

 (4) 'top'  

Номер 2 
Укажите примеры коррекного применения свойства clear:

Ответ:

 (1) {clear: right}  

 (2) {clear: left}  

 (3) {clear: both}  

 (4) {clear: inherit}  

Упражнение 36:
Номер 1 
С помощью какого свойства можно задать ширину содержимого?

Ответ:

 (1) 'top'  

 (2) 'width'  

 (3) 'bottom'  

 (4) 'left'  

Номер 2 
Укажите допустимые значения свойства width:

Ответ:

 (1) 100px  

 (2) 100%  

 (3) 'auto'  

 (4) 'inherit'  

Номер 3 
Какое правило фиксирует ширину содержимого параграфа в 100 пикселей?

Ответ:

 (1) P { width: 100px }  

 (2) P { width: -100px }  

 (3) P { width: 10px }  

 (4) P { width: -10px }  

Упражнение 37:
Номер 1 
Какие свойства позволяют ограничить ширину бокса определенными рамками?

Ответ:

 (1) 'float'  

 (2) 'min-width'  

 (3) 'max-width'  

 (4) 'clear'  

Номер 2 
Какие значения имеет свойство min-width?

Ответ:

 (1) 'null'  

 (2) 'small'  

 (3) 'auto'  

 (4) 'inherit'  

Номер 3 
Какие значения имеет свойство max-width?

Ответ:

 (1) none  

 (2) inherit  

 (3) big  

 (4) auto  

Упражнение 38:
Номер 1 
Какое свойство позволяет задать высоту содержимого?

Ответ:

 (1) 'height'  

 (2) 'width'  

 (3) 'top'  

 (4) 'bottom'  

Номер 2 
Какое правило фиксирует высоту параграфа в 25 пикселов?

Ответ:

 (1) P { height: 25px }  

 (2) P { height: -100px }  

 (3) P { height: -25px }  

 (4) P { height: 10px }  

Номер 3 
Какие значения имеет свойство height?

Ответ:

 (1) <length>  

 (2) <percentage>  

 (3) 'auto'  

 (4) 'inherit'  

Упражнение 39:
Номер 1 
Какое правило фиксирует высоту параграфа в 15 пикселов, а ширину содержимого параграфа в 10 пикселов?

Ответ:

 (1) P { height: 15px; width: 100px }  

 (2) P { height: 150px; width: 10px }  

 (3) P { height: 15px; width: 10px }  

 (4) P { height: 15px; width: 1px }  

Номер 2 
Какое правило фиксирует высоту параграфа в 20 пикселов, а ширину содержимого параграфа в 100 пикселов?

Ответ:

 (1) P { height: 15px; width: 20px }  

 (2) P { height: 20px; width: 20px }  

 (3) P { height: 15px; width: 100px }  

 (4) P { height: 20px; width: 100px }  

Номер 3 
Какое правило фиксирует высоту параграфа в 200 пикселов, а ширину содержимого параграфа в 150 пикселов?

Ответ:

 (1) P { height: 20px; width: 150px }  

 (2) P { height: 200px; width: 50px }  

 (3) P { height: 20px; width: 10px }  

 (4) P { height: 200px; width: 150px }  

Упражнение 40:
Номер 1 
Какое свойство позволяет задать минимальную высоту?

Ответ:

 (1) 'max-height'  

 (2) 'min-height'  

 (3) 'height'  

 (4) 'width'  

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

Ответ:

 (1) 'height'  

 (2) 'width'  

 (3) 'min-height'  

 (4) 'max-height'  

Номер 3 
Какие значения имеет свойство  'min-height'?

Ответ:

 (1) 'small'  

 (2) 'auto'  

 (3) 'inherit'  

 (4) 'null'  

Упражнение 41:
Номер 2 
Какие значения имеет свойство 'max-height'?

Ответ:

 (1) 'inherit'  

 (2) 'none'  

 (3) 'auto'  

 (4) 'top'  

Номер 3 
В каком примере неограничена высота бокса?

Ответ:

 (1) { min-height: inherit }  

 (2) { max-height: inherit}  

 (3) { min-height: none}  

 (4) { max-height: none }  

Упражнение 42:
Номер 1 
С помощью каких свойств можно произвести подсчет высоты строк?

Ответ:

 (1) 'line-height'  

 (2) 'vertical-align'  

 (3) 'height'  

 (4) 'width'  

Номер 2 
Какие правила дают в результате одно значение высоты строки?

Ответ:

 (1) DIV { line-height: 120%; font-size: 10pt }  

 (2) DIV { line-height: 1.2; font-size: 10pt }  

 (3) DIV { line-height: 2.1em; font-size: 10pt }  

Номер 3 
Какие значения имеет свойство 'line-height'?

Ответ:

 (1) 'normal'  

 (2) 'auto'  

 (3) 'inherit'  

Упражнение 43:
Номер 3 
В каком примере сжимаемая область имеет тот же размер и размещение, что и бокс элемента?

Ответ:

 (1) { clip: auto }  

 (2) { clip: inherit }  

 (3) { clip: none }  

 (4) { clip: block }  

Упражнение 44:
Номер 1 
С помощью какого свойства можно управлять видимостью?

Ответ:

 (1) 'plan'  

 (2) 'screen'  

 (3) 'visibility'  

Номер 2 
Какие значения имеет свойство 'visibility'?

Ответ:

 (1) 'visible'  

 (2) 'hidden'  

 (3) 'collapse'  

 (4) 'inherit'  

Номер 3 
Какое начальное значение имеет свойство 'visibility'?

Ответ:

 (1) { visibility: hidden }  

 (2) { visibility: visible }  

 (3) { visibility: collapse }  

 (4) { visibility: inherit }  

Упражнение 45:
Номер 1 
Укажите псевдоэлементы:

Ответ:

 (1) :before  

 (2) :after  

 (3) :top  

 (4) :bottom  

Номер 2 
Какой псевдоэлемент специфицирует размещение содержимого до содержимого дерева документа?

Ответ:

 (1) :after  

 (2) :before  

 (3) :visited  

 (4) :link  

Номер 3 
Какой псевдоэлемент специфицирует размещение содержимого после содержимого дерева документа?

Ответ:

 (1) :before  

 (2) :link  

 (3) :visited  

 (4) :after  

Упражнение 46:
Номер 1 
В каком примере свойство 'display' явно устанавливается в 'block', так что вставленный текст становится блоком?

Ответ:

 (1) BODY:after { content: "The End"; display: inline; margin-top: 2em; text-align: center; }  

 (2) BODY:after { content: "The End"; text-align: center; }  

 (3) BODY:after { content: "The End"; display: block; margin-top: 2em; text-align: center; }  

Номер 2 
Какие свойства будут игнорироваться браузерами при наличии псевдоэлементов :before и :after?

Ответ:

 (1) 'position'  

 (2) 'width'  

 (3) 'float'  

 (4) 'height'  

Номер 3 
Укажите допустимые значения свойства 'display' в блочном элементе:

Ответ:

 (1) :before { display: 'none' }  

 (2) :after { display: 'none' }  

 (3) :before { display: 'marker' }  

 (4) :after { display: 'marker' }  

Упражнение 47:
Номер 1 
Какое свойство используется с псевдоэлементами :before и :after для генерации содержимого документа?

Ответ:

 (1) 'content'  

 (2) 'block'  

 (3) 'inline'  

 (4) 'quotes'  

Номер 2 
Укажите допустимые значения свойства 'content':

Ответ:

 (1) 'open-quote'  

 (2) 'close-quote'  

 (3) 'inherit'  

 (4) 'no-open-quote'  

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

Ответ:

 (1) 'no-quote'  

 (2) 'open-quote'  

 (3) 'close-quote'  

Упражнение 48:
Номер 1 
С помощью какого свойства можно управлять видимостью?

Ответ:

 (1) 'no-display'  

 (2) 'visibility'  

 (3) 'top'  

 (4) 'height'  

Номер 2 
Какое свойство контролирует автоматическую нумерацию?

Ответ:

 (1) 'counter-reset'  

 (2) 'counter'  

 (3) 'counters'  

 (4) 'counter-increment'  

Номер 3 
Какой параметр сбросит таблица стилей:
H1 { counter-reset: section -1 }
H1 { counter-reset: imagenum 99 }

Ответ:

 (1) 'section'  

 (2) 'imagenum'  

 (3) 'counter'  

 (4) 'counter-reset'  

Упражнение 49:
Номер 1 
Вертикальное выравнивание бокса маркера внутри его строчного бокса специфицируется следующим свойством:

Ответ:

 (1) 'vertical-align'  

 (2) 'horizontal-align'  

 (3) 'vertical'  

 (4) 'horizontal'  

Номер 2 
Какое свойство специфицирует смещение по горизонтали между боксом маркера и ассоциированным основным боксом?

Ответ:

 (1) 'marker'  

 (2) 'offset'  

 (3) 'transperent'  

 (4) 'marker-offset'  

Номер 3 
Укажите допустимые значения свойства 'marker-offset':

Ответ:

 (1) 'inherit'  

 (2) 'auto'  

 (3) 'none'  

 (4) 'open-quote'  

Упражнение 50:
Номер 1 
Какое правило позволяет задать размеры, ориентацию и поля страничного бокса?

Ответ:

 (1) @page  

 (2) @media  

 (3) @list  

 (4) @margin  

Номер 2 
Какое правило @page устанавливает размер страничного бокса в 8.5 x 11 дюймов и создает поле '2см' со всех сторон между краем страничного бокса и областью листа?

Ответ:

 (1) @page { size: 8.5in 11in; margin: 2cm }  

 (2) @page { size: 8.5in 10in; margin: 1cm }  

 (3) @page { size: 9in 11in; margin: 2cm }  

Номер 3 
Какое свойство в правиле @page специфицирует знаки обрезки для страничного бокса?

Ответ:

 (1) 'size'  

 (2) 'marks'  

 (3) 'margin'  

 (4) 'clip'  

Упражнение 51:
Номер 1 
Укажите доступные значения свойства 'page-break-before':

Ответ:

 (1) 'always'  

 (2) 'avoid'  

 (3) 'left'  

Номер 2 
Укажите доступные значения свойства 'page-break-after':

Ответ:

 (1) 'auto'  

 (2) 'inherit'  

 (3) 'none'  

 (4) 'always'  

Номер 3 
Укажите доступные значения свойства 'page-break-inside':

Ответ:

 (1) 'avoid'  

 (2) 'none'  

 (3) 'auto'  

 (4) 'inherit'  

Упражнение 52:
Номер 1 
Укажите доступные значения свойства 'widows':

Ответ:

 (1) 'inherit'  

 (2) 'none'  

 (3) 'auto'  

 (4) 'height'  

Номер 2 
Какое свойство специфицирует минимальное количество строк параграфа, которые должны оставаться внизу страницы?

Ответ:

 (1) 'widows'  

 (2) 'orphans'  

 (3) 'margin'  

 (4) 'padding'  

Номер 3 
Какое свойство специфицирует минимальное количество строк параграфа, которые должны оставаться вверху страницы?

Ответ:

 (1) 'orphans'  

 (2) 'border'  

 (3) 'clear'  

 (4) 'widows'  

Упражнение 53:
Номер 1 
В каком примере создается бесконечная вертикальная полоса, остающаяся "приклеенной" к порту просмотра при прокручивании элемента?

Ответ:

 (1) BODY { background: red url("pendant.gif"); background-repeat: repeat-y; background-attachment: fixed; }  

 (2) BODY { background-repeat: repeat-y; background-attachment: fixed; }  

 (3) BODY { background-repeat: repeat-y; }  

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

Ответ:

 (1) BODY { background-image: url("logo.png"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; }  

 (2) BODY { background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; }  

Номер 3 
В каком правиле все индивидуальные свойства специфицированы?

Ответ:

 (1) BODY { background: red }  

 (2) P { background: url("chess.png") gray 50% repeat fixed }  

 (3) BODY { background: gray }  

Упражнение 54:
Номер 1 
Укажите примеры корректного описания свойства 'font-size':

Ответ:

 (1) P { font-size: 12pt; }  

 (2) BLOCKQUOTE { font-size: larger }  

 (3) EM { font-size: 150% }  

Номер 2 
С помощью каких свойств можно управлять размером шрифта?

Ответ:

 (1) 'font-size-adjust'  

 (2) 'font-width'  

 (3) 'font-size'  

Номер 3 
Укажите доступные значения свойства 'font-size':

Ответ:

 (1) 10em  

 (2) 10%  

 (3) larger  

 (4) big  

Упражнение 55:
Номер 1 
Перечислите доступные свойства параметра font

Ответ:

 (1) font-style  

 (2) font-variant  

 (3) font  

 (4) icon  

Номер 2 
Перечислите доступные свойства параметра font

Ответ:

 (1) font-size  

 (2) font-variant  

 (3) menu  

 (4) font-hint  

Номер 3 
Перечислите доступные свойства параметра font

Ответ:

 (1) message-box  

 (2) font-weight  

 (3) menu  

 (4) font-small  

Упражнение 56:
Номер 1 
Укажите корректные примеры описания шрифтов:

Ответ:

 (1) pre { font: oblique arial }  

 (2) h1 { font: italic 200 arial }  

 (3) p { font: italic small-caps 10px/12px serif }  

Номер 2 
Укажите корректные примеры описания шрифтов:

Ответ:

 (1) pre { oblique arial }  

 (2) h1 { font: italic 200 arial }  

 (3) p { font: status-bar }  

Номер 3 
Укажите корректные примеры описания шрифтов:

Ответ:

 (1) pre { oblique arial }  

 (2) h1 { font: italic 200 arial }  

 (3) p { font: status }  

Упражнение 57:
Номер 1 
С помощью какого свойства можно управлять отступами?

Ответ:

 (1) 'text-indent'  

 (2) 'text-align'  

 (3) 'text-decoration'  

Номер 2 
Укажите доступные значения свойства 'text-indent':

Ответ:

 (1) 'inherit'  

 (2) 'auto'  

 (3) 'none'  

Номер 3 
Как можно определить отступ размером '3em' для текста?

Ответ:

 (1) P { text-indent: 1em }  

 (2) P { text-indent: 2em }  

 (3) P { text-indent: -3em }  

 (4) P { text-indent: 3em }  

Упражнение 58:
Номер 1 
С помощью какого свойства можно управлять выравниванием?

Ответ:

 (1) 'text-align'  

 (2) 'text-indent'  

 (3) 'text-shadow'  

Номер 2 
В каких примерах корректно описано свойство 'text-align'?

Ответ:

 (1) { text-align: left }  

 (2) { text-align: right }  

 (3) { text-align: auto }  

 (4) { text-align: justify }  

Номер 3 
Укажите варианты корректного описания свойства text-align:

Ответ:

 (1) DIV.center { text-align: justify }  

 (2) DIV.center { text-align: center }  

 (3) DIV.center { text-align: left }  

 (4) DIV.center { text-align: auto }  

Упражнение 59:
Номер 1 
Начальным значением 'text-shadow' является:

Ответ:

 (1) { text-shadow: inherit }  

 (2) { text-shadow: auto }  

 (3) { text-shadow: center }  

 (4) { text-shadow: none }  

Номер 2 
Какой пример установит тень справа и снизу от текста элемента?

Ответ:

 (1) H1 { text-shadow: 1em 1em }  

 (2) H5 { shadow: 5px 2px 5px red }  

 (3) H2 { text-shadow: 2em 2em }  

Номер 3 
Какое из правил установит справа и снизу от текста элемента тень, имеющую радиус рассеяния 10px и зеленый цвет?

Ответ:

 (1) H2 { text-shadow: 10px 10px 7px green }  

 (2) H2 { text-shadow: 32px 10px 1px green }  

 (3) H5 { text-shadow: 5px 5px 10px green }  

 (4) H2 { text-shadow: 10px 3px 10px green }  

Упражнение 60:
Номер 1 
Какое свойство позволяет управлять расстоянием между буквами?

Ответ:

 (1) 'letter-spacing'  

 (2) 'text-indent'  

 (3) 'text-align'  

 (4) 'word-spacing'  

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

Ответ:

 (1) 'word-spacing'  

 (2) 'word'  

 (3) 'letter'  

 (4) 'letter-spacing'  

Номер 3 
Укажите доступные значения свойства 'letter-spacing':

Ответ:

 (1) { letter-spacing: normal }  

 (2) { letter-spacing: inherit }  

 (3) { letter-spacing: none }  

 (4) { letter-spacing: auto }  



Главная / Интернет-технологии / CSS 1.0 / Тест 1