Тесты онлайн, бесплатный конструктор тестов. Психологические тестирования, тесты на проверку знаний.

Список вопросов базы знаний

Каскадные таблицы стилей CSS

  • Страница:
  • 1
  • 2
  • 3
  • 4
Вопрос id:90800
Тема/шкала: Правила и свойства
Какой элемент CSS скрыт в следующем коде:



(CSS2.1, HTML 5)

Это свойство позволяет задавать поля при печати:

?) @page
?) @align
?) @orient
?) page
?) align
Вопрос id:90801
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Что произойдет после обработки браузером следующего фрагмента кода, если путь к изображению окажется недоступным?

?) Браузер не отобразит маркер
?) Браузер не отобразит ни одно свойство элемента ul
?) Браузер отобразит маркер в виде окружности
?) Браузер не отобразит содержимое элемента ul
?) Браузер отобразит маркер в виде точки
Вопрос id:90802
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какие три из перечисленных ниже браузеров НЕ поддерживают псевдоэлементы :before и :after ?
?) Internet Explorer 5
?) Internet Explorer 7
?) Mozilla Firefox 1.0
?) Opera 7.5
?) Internet Explorer 6
Вопрос id:90803
Тема/шкала: Правила и свойства
Есть две картинки для фона - back.gif и back2.gif:

   

Какой стиль нужно задать для тега body, чтобы получить следующий результат?



(CSS3)
?) background: url(images/back.gif) repeat-x url(images/back2.gif) repeat-y orange;
?) background: url(images/back.gif) repeat-x, url(images/back2.gif) repeat-y orange;
?) background: url(images/back.gif) url(images/back2.gif) repeat-x repeat-y orange;
?) background: url(images/back2.gif) repeat-y, url(images/back.gif) repeat-y orange;
?) background: orange, url(images/back.gif) repeat-x, url(images/back2.gif) repeat-y;
Вопрос id:90804
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Необходимо отформатировать единственный абзац на одной странице вашего сайта. Его свойства описаны в заголовке страницы во внутренней (внедренной тегом STYLE) таблице стилей.

Можете ли Вы изменить эти свойства, не затрагивая внедренную таблицу?
?) Да, в теле документа в самом элементе разметки определить ссылку на новую внешнюю таблицу стилей
?) Да, в заголовке документа создать еще одну внедренную таблицу стилей и описать в ней необходимые свойства
?) Да, для этого необходимо объявить описание стиля данного абзаца в самом элементе разметки в теле документа
?) Нет, этого сделать невозможно без ввода нового селектора в заголовок документа
?) Да, можно переопределить свойства абзаца во внешней таблице стилей, и подключить ее к необходимой странице методом <link rel =… …>
Вопрос id:90805
Тема/шкала: Работа с блочными элементами
Каково расстояние от левого края окна браузера до правой границы блочного элемента div в приведенном ниже фрагменте кода?



(CSS2.1 - CSS3, HTML 5)
?) 200px
?) 300px
?) 400px
?) 100px
?) 0px
Вопрос id:90806
Тема/шкала: Правила и свойства
Представлен код:



(CSS3, HTML 5)

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

?) round
?) -webkit-radius
?) border-round
?) round-corner
?) border-radius
Вопрос id:90807
Тема/шкала: Правила и свойства
Какой результат соответствует следующему коду?



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?)
Вопрос id:90808
Тема/шкала: Синтаксис и базовые типы данных
Какой результат соответствует следующему коду?



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?) Ошибка в задании стилей. Конструкция A[href^="http:"] не поддерживается в CSS
Вопрос id:90809
Тема/шкала: Свойства текста и шрифт
В следующем hTML-документе имеется абзац, состоящий из нескольких строк. Как будет выглядеть первая строка данного абзаца?



(CSS2.1 - CSS3, HTML 5)
?) Фон белый, размер шрифта первого символа в два раза превышает размер шрифта первой строки;
размер шрифта первой строки в полтора раза больше следующих
?) Фон оранжевый, размер шрифта первого символа в полтора раза превышает размер шрифта первой строки;
размер шрифта первой строки в 2 раза больше следующих
?) Фон первого символа – оранжевый; фон строки – белый; размер шрифта первого символа в два раза больше шрифта первой строки;
размер шрифта первой строки в полтора раза больше следующих
?) Фон – по умолчанию, размер шрифта первого символа в три раза больше размер шрифта первой строки;
шрифт первой строки по - умолчанию
?) Фон – белый, размер шрифта первого символа в три раза превышает размер шрифта первой строки;
размер шрифта первой строки в полтора раза больше следующих
Вопрос id:90810
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Представлен код:



(CSS2.1 - CSS3, HTML 5)

Что должно стоять на месте заштрихованного участка, чтобы результат был следующим?

?) counter-reset: id -1;
?) counter-reset: id 0;
?) counter-reset id(0);
?) counter-start: id;
?) counter-start: id -1;
Вопрос id:90811
Тема/шкала: Синтаксис и базовые типы данных
Какой из представленных вариантов является примером дочернего селектора?

?) 3
?) 4
?) 1
?) 2
?) 5
Вопрос id:90812
Тема/шкала: Правила и свойства
Какое из перечисленных ниже средств предназначено для создания отступов между внешней границей блочного элемента и его содержанием?
?) Padding
?) Border
?) Top
?) Left
?) Margin
Вопрос id:90813
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Какие строки следующего кода содержат синтаксические ошибки?



(CSS2.1 - CSS3, HTML 5)
?) 13
?) 15
?) 8
?) 12
?) 14
Вопрос id:90814
Тема/шкала: Синтаксис и базовые типы данных
Какой результат соответствует следующему коду?



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?) Такая запись ошибочна
Вопрос id:90815
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какие из перечисленных ниже браузеров корректно обработают значение свойства list-style-type в следующем фрагменте кода и выведут нумерацию японскими символами?



(CSS3)
?) Internet Explorer 8.0
?) Internet Explorer 9.0
?) Mozilla Firefox 10.0
?) Opera 9.5
?) Google Chrome 17.0
Вопрос id:90816
Тема/шкала: Работа с блочными элементами
Что произойдет после обработки браузером блочного элемента со свойством "width: 40em;" если текст, находящийся в нем, не будет помещаться по ширине?
?) Данное свойство не влияет на поведение текста
?) Часть текста будет обрезана
?) Появится возможность горизонтальной прокрутки
?) Часть текста будет перенесена на следующую строку
?) Появится возможность вертикальной прокрутки
Вопрос id:90817
Тема/шкала: Работа с блочными элементами
Необходимо сопоставить значения и их свойства так, что бы зеленый блок (first) находился слева, красный блок (second) – справа, оранжевый блок (third) – между ними:



Код:


(CSS2.1 - CSS3, HTML 5)

Какой фрагмент позволит решить поставленную задачу?
?) "first" – float: none; "second" – clear: both; "third" – float: left
?) "first" – clear: left; "second" – float: both; "third" – clear: none
?) "first" – float: none; "second" – float: none; "third" – clear: both
?) "first" – float: left; "second" – float: right; "third" – clear: none
?) "first" – float: left; "second" – float: left; "third" – clear: inherit
Вопрос id:90818
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какой из перечисленных ниже браузеров некорректно обрабатывает приведенный ниже код:



(CSS2.1 - CSS3, HTML 5)
?) Internet Explorer 7.0
?) Mozilla Firefox 10.0
?) Opera 10.0
?) Google Chrome 17.0
?) Все браузеры, так как в коде допущена синтаксическая ошибка
Вопрос id:90819
Тема/шкала: Работа с блочными элементами
Что произойдет с блочными элементами div после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) "text2" будет расположен над первым блочным элементом
?) Оба блока будут выровнены по правому краю, причем"text2" ниже чем "text1"
?) Оба блока будут находиться на одной линии, причем "text2" – слева
?) Оба блока будут находиться на одной линии, причем "text2" – справа
?) "text2" будет расположен под первым блочным элементом
Вопрос id:90820
Тема/шкала: Свойства текста и шрифт
Какое значение НЕ может приобретать свойство text-transform?
?) none
?) lowercase
?) capitalize
?) normal
?) uppercase
Вопрос id:90821
Тема/шкала: Работа с блочными элементами
Как будет располагаться текст “TEXT” относительно блока “BLOCK” после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) Снизу
?) Справа
?) Сверху
?) Положение текста не зависит от блока
?) Слева
Вопрос id:90822
Тема/шкала: Работа с блочными элементами
Какое значение НЕ может приобретать свойство float?
?) left
?) right
?) none
?) inherit
?) both
Вопрос id:90823
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
В чем состоит отличие между псевдоэлементами :before и :after, которые применяются со свойством content(значение)?
?) При использовании :before содержимое(content) генерируется перед основным элементом, к которому применяется, а при использовании :after – после
?) Положение содержимого (content) зависит от того, что записано в значении этого свойства
?) При использовании :before содержимое (content) генерируется после основного элемента, к которому применяется, а при использовании :after - перед
?) При использовании :before положение содержимого находится ниже основного текста, а при использовании :after – выше
?) При использовании :before положение содержимого находится выше основного текста, а при использовании :after – ниже
Вопрос id:90824
Тема/шкала: Синтаксис и базовые типы данных
Какая из предложенных записей недопустима в CSS2.1 - CSS3?

?) Все записи допустимы
?) В строке 8
?) В строке 11
?) В строке 10
?) В строке 9
Вопрос id:90825
Тема/шкала: Свойства текста и шрифт
Выберите верное утверждение о стиле текста, который выводится в следующем коде:



(CSS2.1 - CSS3, HTML 5)
?) Начертание – наклонное; высота текста – 20px; выравнивание – по умолчанию;
?) Выравнивание текста – по центру; отступ первой строки – 20px; шрифт – все заглавные буквы;
?) Отступ первой строки – 20px; вид букв – большие наклонные;
?) Выравнивание – по ширине, интерлиньяж – 20px; вид букв – малые заглавные
?) Выравнивание текста – по ширине; отступ первой строки – 20px; вид букв – малые заглавные; начертание – наклонное
Вопрос id:90826
Тема/шкала: Работа с блочными элементами
Как будет располагаться блок со свойствами, определенными в следующем коде?



(CSS2.1 - CSS3, HTML 5)
?) Отступ справа займет все свободное пространство, видимая часть блока прижата к левому краю
?) Код содержит синтаксическую ошибку
?) Отступ слева займет все свободное пространство, видимая часть блока прижата к правому краю
?) Расположение видимой части блока - по центру страницы
?) Отступы слева и справа отсутствуют, всё пространство страницы займет содержимое блока
Вопрос id:90827
Тема/шкала: Работа с блочными элементами
Необходимо расположить один абзац(all, оранжевого цвета) рядом с правой частью блочного элемента. Какое свойство необходимо применить к блочному элементу all, что бы блок (right) был расположен справа от него:



(CSS2.1 - CSS3)
?) padding: left
?) margin: right
?) float: right
?) float: left
?) clear: left
Вопрос id:90828
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Каким образом будут отформатированы абзацы после обработки браузером следующего фрагмента кода?



(CSS2.1 - CSS3)

?) Первый абзац – синий нормальный, второй абзац – зеленый курсив
?) Первый абзац – зеленый курсив, второй абзац – синий нормальный
?) Первый абзац – синий нормальный, второй абзац – зеленый нормальный
?) Первый абзац – зеленый нормальный, второй абзац – зеленый нормальный
?) Первый абзац – синий курсив, второй абзац – зеленый курсив
Вопрос id:90829
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
В каком браузере из представленных следующий код после обработки будет изменять форму курсора при наведении указателя мыши на текст?



(CSS3, HTML 5)
?) Internet Explorer 9.0
?) Mozilla Firefox 10.0
?) Safari 5.1
?) Все перечисленные браузеры
?) Значение not-allowed недопустимо для данного свойства
Вопрос id:90830
Тема/шкала: Работа с блочными элементами
В какой(их) строке(ах) из приведенного ниже фрагмента кода допущены ошибки?



(CSS2.1 - CSS3)
?) 11
?) 8
?) 10
?) 9
?) 7
Вопрос id:90831
Тема/шкала: Правила и свойства
В какой строке следующего кода допущена ошибка?



(CSS2.1 - CSS3, HTML 5)
?) Ошибок нет
?) 8
?) 9
?) 10
?) 7
Вопрос id:90832
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Необходимо создать автоматическую нумерацию списка в виде римских цифр в верхнем регистре.

Какое значение свойства list-style-type позволит решить поставленную задачу?
?) big-roman
?) large-roman
?) roman-caps
?) upper-roman
?) lower-roman
Вопрос id:90833
Тема/шкала: Работа с блочными элементами
Необходимо запретить обтекание блочного элемента с двух сторон.

Какое из перечисленных ниже свойств позволит решить поставленную задачу?
?) clear: left right
?) clear: both
?) clear: none
?) clear: both; float: right
?) clear: all
Вопрос id:90834
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Какое значение позиции маркера списка (list-style-position) является используемым по умолчанию?
?) Outside
?) Inside
?) Interhit
?) Absolute
?) Relative
Вопрос id:90835
Тема/шкала: Синтаксис и базовые типы данных
В какой строке следующего кода содержится ошибка?



(CSS2.1 - CSS3, HTML 5)
?) 7
?) 16
?) 13
?) 14
?) Ошибок нет
Вопрос id:90836
Тема/шкала: Визуальные эффекты
Какие три из представленных ниже методов задания цвета содержат ошибки и не вызовут никакого эффекта?

(CSS2.1 - CSS3)
?) background: #F0F
?) background: “orange”
?) bgcolor: green
?) color: rgb(475,256,24);
?) background-color: #ffcffcf;
Вопрос id:90837
Тема/шкала: Синтаксис и базовые типы данных
Какая из представленных ниже единиц измерения позволят определить шрифт как строго фиксированный?
?) pc
?) ex
?) em
?) %
?) px
Вопрос id:90838
Тема/шкала: Синтаксис и базовые типы данных
Какая из приведённых ниже конструкций является верной для следующего фрагмента кода?

P#simple{ свойства }
?) …<p class="simple"> …
?) …<p id="simple"> …
?) …<"simple" p> …
?) …<div p="simple"> …
?) …<class p="simple"> …
Вопрос id:90839
Тема/шкала: Работа с блочными элементами
Дан следующий код:



(CSS2.1 - CSS3)

Какова здесь ширина блока div согласно спецификации CSS?
?) 120
?) 320
?) 210
?) 220
?) 300
Вопрос id:90840
Тема/шкала: Свойства текста и шрифт
Необходимо выделить текст таким образом, чтобы межсимвольное расстояние составило 3px, а расстояние между словами составило 3em.

Какой из представленных стилей решает эту задачу?
?)
?)
?)
?)
?)
Вопрос id:90841
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Каким будет расстояние в пикселях от верхнего края окна браузера до верхнего края текста после обработки браузером следующего фрагмента кода?



(CSS2.1 - CSS3, HTML 5)
?) 160px
?) 50px
?) 150px
?) 170px
?) 100px
Вопрос id:90842
Тема/шкала: Синтаксис и базовые типы данных
В какой(их) строке(ах) приведенного ниже фрагмента кода допущены ошибки?



(CSS2.1 - CSS3)
?) 12
?) 11
?) 10
?) 8
?) 9
Вопрос id:90843
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Какое из приведенных ниже утверждений относительно приоритетов стилевых правил, исключая установку "!important", является верным согласно спецификации CSS3?
?) Приоритет стиля зависит от типа браузера и его версии
?) Приоритет стиля браузера выше чем приоритет стиля автора
?) Приоритет стиля пользователя ниже чем приоритет стиля браузера
?) Приоритет стиля зависит от локальной политики безопасности
?) Приоритет стиля пользователя выше чем приоритет стиля автора
Вопрос id:90844
Тема/шкала: Синтаксис и базовые типы данных
Какие из перечисленных обозначений не относятся к единицам измерения в CSS?
?) ex
?) em
?) pc
?) sm
?) et
Вопрос id:90845
Тема/шкала: Свойства текста и шрифт
Какие ограничения имеет свойство font-family на количество указанных шрифтов?
?) До 8 шрифтов
?) От 1 до 3 шрифтов
?) Ограничений нет
?) Только 4 шрифта, не считая системных
?) От 4 до 6 шрифтов
Вопрос id:90846
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Как в браузере Internet Explorer подключить стиль пользователя?
?) Надстройки -> Пользовательские стили
?) Свойства обозревателя -> Вкладка "Дополнительно"
?) Свойства обозревателя -> Вкладка "Дополнительно" -> Стили
?) Свойства обозревателя -> Вкладка "Общие" -> Оформление
?) В Internet Explorer не поддерживаются стили пользователя
Вопрос id:90847
Тема/шкала: Правила и свойства
Какие из перечисленных ниже примеров определений свойства clip НЕ являются верными?
?) clip: rect (20px, 25px)
?) clip: (0 0 0 0)
?) clip: rect(auto, 30px, 40px, 10px)
?) clip: auto
?) clip: inherit
Вопрос id:90848
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какие из перечисленных ниже браузеров корректно обработают следующий фрагмент кода?



(CSS2.1 - CSS3, HTML 5)
?) Safari 3.1, IE 7.0
?) Mozilla Firefox 1.0, IE 8.0
?) IE 6
?) Opera 7
?) IE 5.5
Вопрос id:90849
Тема/шкала: Правила и свойства
Какое значение по умолчанию имеет свойство float?
?) None
?) Left
?) Inherit
?) Right
?) Top
  • Страница:
  • 1
  • 2
  • 3
  • 4
Copyright testserver.pro 2013-2024