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

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

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

  • Страница:
  • 1
  • 2
  • 3
  • 4
Вопрос id:90700
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Определите, что будет выведено в окно браузера после обработки следующего кода:



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?)
Вопрос id:90701
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какие из перечисленных способов задания прозрачности для элемента сработают для IE 9.0+?
?) opacity: 80%;
?) opacity: 1.5;
?) opacity: .5;
?) opacity: 0.2;
?) filter: alpha(opacity = 40);
Вопрос id:90702
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какой браузер из представленных корректно(без багов) поддерживает все значения свойства display?
?) Safari 5.0
?) Internet Explorer 8.0
?) Mozilla Firefox 3.0
?) Opera 9.2
?) Google Chrome 2.0
Вопрос id:90703
Тема/шкала: Позиционирование и работа со слоями
Каким будет порядок расположения слоев после обработки браузером следующего кода?



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



(CSS2.1 - CSS3, HTML 5)
?) div {background: url(Images/marker.gif) left 10px Lime fixed repeat-x;}
?) div {background: url(Images/marker.gif) left :10px lime fixed repeat-x;}
?) div {background: url(Images/marker.gif) left 10px Lime fixed repeat-y;}
?) div {background: Lime fixed repeat-x left 10px url(Images/marker.gif);}
?) div {background: url(marker.gif) left 10px Lime fixed repeat-x;}
Вопрос id:90705
Тема/шкала: Свойства текста и шрифт
Укажите неверные значения свойств word-spacing и letter-spacing.
?) center
?) normal
?) 10mm
?) auto
?) inherit
Вопрос id:90706
Тема/шкала: Работа с блочными элементами
Каким будет положение двух блоков текста "box1" и "box2" после обработки браузером следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) Оба блока находятся в центре родительского элемента
?) Оба блока прижаты к правой части родителя
?) "box1" прижат к правой части родительского элемента, "box2" – к левой
?) Оба блока прижаты к левой части родителя
?) "box1" прижат к левой части родительского элемента , "box2" – к правой
Вопрос id:90707
Тема/шкала: Свойства текста и шрифт
В каких из представленных строк присутствуют некорректные значения свойства font-weight?
?) inherit, bold, bolder, lighter, 900
?) 200, bolder, 750, normal, 600
?) bolder, lighter, 1000, normal
?) 700, inherit, 550
?) 100, 200, 300
Вопрос id:90708
Тема/шкала: Позиционирование и работа со слоями
Какое значение из предложенных не может приобретать свойство position?
?) static
?) fixed
?) absolute
?) auto
?) relative
Вопрос id:90709
Тема/шкала: Свойства текста и шрифт
Необходимо указать цвет фона для ссылки при нажатии на нее.

Какой псевдокласс позволит решить поставленную задачу?
?) A:href
?) A:active
?) A:link
?) A:visited
?) A:hover
Вопрос id:90710
Тема/шкала: Синтаксис и базовые типы данных
Как работает следующая запись?

?) div.menu приобретет указанное свойство лишь тогда, когда внутрь него будет вложена конструкция <ul> <li><a...></li> </ul>
?) Селектор "а" приобретет данное свойство только когда он будет последовательно вложен в расположенные слева от него селекторы,
в указанном порядке, но необязательно подряд
?) Селектор "a" приобретет свойство , описанное в таблице стилей лишь в том случае, когда он будет находится
внутри конструкции <div class="menu"> <ul> <li>...</li> </ul> </div>
?) div.menu приобретет указанное свойство лишь тогда, когда он находится внутри конструкции <ul> <li><a...></li> </ul>
?) Селекторы a, li, ul приобретут идентичные свойства вне зависимости от вложений и позиционирования
Вопрос id:90711
Тема/шкала: Правила и свойства
Необходимо разместить логотип сайта в левом вернем углу с отступом сверху 50px и слева 10px таким образом, чтобы он не изменял своего положения при возможном изменении содержимого страницы сайта(в том числе был всегда виден на странице).



Какие 2 значения НЕ являются верными для свойства background, заданного для логотипа?
?) no-repeat
?) scroll
?) 50px 10px
?) 10px 50px
?) fixed
Вопрос id:90712
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Необходимо изменить внешний вид полос прокрутки страницы при помощи следующей конструкции:



Какой из перечисленных ниже браузеров корректно обработает этот фрагмент кода?
?) Opera
?) Internet Explorer
?) Safari
?) Google Chrome
?) Mozilla Firefox
Вопрос id:90713
Тема/шкала: Работа с блочными элементами
Какой порядок следования трех блочных элементов First, Second и Third в приведённых ниже фрагментах кода является верным?

?) Блоки в обоих случаях будут располагаться на трех разных строках соответственно
?) В первом примере - First , на той же строке - Second и на следующей строке – Third; во втором примере - First, на следующей строке - Second и рядом - Third
?) В первом примере First, Second и Third расположены каждый на новой строке; во втором примере все они расположены на одной строке
?) Оба примера одинаковы с точки зрения относительного расположения блочных элементов и будут располагаться на одной строке
?) В первом примере First - на первой строке. Second и Third - на второй строке; на втором примере First и Second - на первой строке, Third - на второй
Вопрос id:90714
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Какой будет отступ текста от левого края окна браузера в следующем коде?



(CSS2.1 - CSS3, HTML 5)
?) 0px
?) Зависит от размеров окна
?) 4px
?) Зависит от браузера
?) 10px
Вопрос id:90715
Тема/шкала: Правила и свойства
Какое из перечисленных ниже значений может приобретать свойство height?
?) Auto
?) Relative
?) None
?) Max
?) Normal
Вопрос id:90716
Тема/шкала: Правила и свойства
Что из предложенного нужно подставить на место заштрихованного участка следующего кода, чтобы получить такой результат:



Код:



(CSS2.1 - CSS3, HTML 5)
?) #f0f !important
?) yellow important
?) yellow; z-index: 100
?) #ff0 !important
?) !mportant yellow
Вопрос id:90717
Тема/шкала: Правила и свойства
Какое из перечисленных ниже значений установлено для свойства visibility по умолчанию?
?) Visibility: inherit
?) Visibility: normal
?) Visibility: collapse
?) Visibility: hidden
?) Visibility: visible
Вопрос id:90718
Тема/шкала: Правила и свойства
Какими свойствами рамки будет обладать блок с идентификатором "box" после обработки браузером следующего фрагмента кода?



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



(CSS3, HTML 5)
?) По центру
?) Ошибка в определении стиля
?) По ширине
?) По правому краю
?) По левому краю
Вопрос id:90720
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Какой результат соответствует следующему коду?



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?)
?)
Вопрос id:90721
Тема/шкала: Позиционирование и работа со слоями
Каким будет порядок расположения слоев после обработки браузером следующего кода?



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



(CSS2.1 - CSS3, HTML 5)
?)
?) Запись 'class = "a b c"' недопустима в CSS
?)
?)
?)
Вопрос id:90723
Тема/шкала: Синтаксис и базовые типы данных
Какой из предложенных результатов соответствует следующему коду?



(CSS2.1 - CSS3, HTML 5)
?)
?)
?)
?) Ошибка в задании стилей
?)
Вопрос id:90724
Тема/шкала: Работа с блочными элементами
Какова полная ширина блока с классом "layer1" в представленном коде?



(CSS2.1 - CSS3, HTML 5)
?) 290px
?) 256px
?) 296px
?) 276px
?) 250px
Вопрос id:90725
Тема/шкала: Работа с блочными элементами
Какова будет реакция браузера при наведении курсора мыши на слово Link и на всю область <ol>, если код следующий:



(CSS 2.1 - CSS3, HTML 5)
?) Наведение курсора не вызовет никаких визуальных изменений
?) Вне зависимости от того, на какое место внутри рамки будет наведен курсор, фон изменится на серебристый
?) При нажатии ЛКМ на слове "Link" фон сменится на серебристый и произойдет переход по ссылке.
Остальная область в рамке никак влияет на состояние окна браузера
?) При наведении на любое место внутри рамки произойдет смена фона на серебристый.
Но ссылка будет работать лишь при нажатии ЛКМ на слове "Link".
?) В коде в описании стилей содержится ошибка
Вопрос id:90726
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Для каких двух браузеров из представленных не работает данный код (прозрачность элемента input не изменится)?



(CSS3, HTML 5)
?) Safari 5.0
?) Opera 10.0
?) Mozilla Firefox 10.0
?) Google Chrome 17.0
?) Internet Explorer 9.0
Вопрос id:90727
Тема/шкала: Свойства текста и шрифт
Какая строка приведенного ниже фрагмента кода НЕ содержит ошибок?

?) 10
?) Все строки содержат ошибки
?) 12
?) 11
?) 9
Вопрос id:90728
Тема/шкала: Позиционирование и работа со слоями
Каким будет порядок расположения слоев после обработки браузером следующего фрагмента кода?



(CSS2.1 - CSS3, HTML 5)
?) Будет видна только первая строка с синим фоном
?) Расположение слоев - по ширине одной строки: слева оранжевый, посередине синий, справа – зеленый
?) Будет видна только первая строка с оранжевым фоном
?) Первая строка – оранжевый слой, вторая – синий, третья – зеленый
?) Первая строка – оранжевый слой, вторая – зеленый, третья – синий
Вопрос id:90729
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
В какой из представленных строк подключения внешней таблицы стилей к документу НЕ допущено ошибок?
?) <link rel="stylesheet" type="css" href="style/style.css">
?) <link rel="stylesheet" type="text/css" ref="style/style.css">
?) <style> !import url("style/style.css") </style>
?) <style> @import url("style/style.css") </style>
?) <link rel="css" type="text/css" <href="style/style.css">
Вопрос id:90730
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Необходимо создать небольшой сайт. Решено подключить стилевую таблицу, чтобы она влияла на определенные, заранее отмеченные элементы всего сайта.

Какая последовательность действий приведет к решению поставленной задачи?
?) Использовать ссылку в заголовке на внешнюю таблицу стилей на всех необходимых страницах сайта
?) Стили необходимо определять в каждом элементе разметки с помощью атрибута STYLE
?) Для каждой страницы сайта необходимо создать собственную таблицу стилей
?) Разместить на каждой странице в теле документа ссылку на внешнюю таблицу стилей
?) Разместить на главной странице сайта (index.html) в заголовке описания элементов конструкцию <style> …содержимое… </style>
Вопрос id:90731
Тема/шкала: Синтаксис и базовые типы данных
В чём состоят отличия между следующими двумя фрагментами кода?

?) В первом примере свойства двух селекторов p и i идентичны. Во втором примере содержатся ошибки,
поэтому браузер будет игнорировать данный стиль
?) В первом примере свойства двух селекторов p и i идентичны, а во втором селектор i приобретает указанные свойства
лишь в случае позиционирования внутри селектора p
?) Конструкция в первом примере содержит недопустимые синтаксические ошибки и браузер будет игнорировать указанные свойства селекторов.
Во втором примере селектор p приобретает указанные свойства лишь в случае позиционирования внутри селектора i
?) Свойства идентичны, запятая используется лишь для удобства восприятия
?) В первом примере селектор i приобретает указанные свойства лишь в случае позиционирования внутри селектора p.
Во втором примере свойства идентичны
Вопрос id:90732
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Какие из перечисленных ниже браузеров некорректно работают со свойством overflow?
?) Google Chrome 1.0
?) Opera 9.0
?) Mozilla Firefox 3.6
?) Safari 1.0
?) Internet Explorer 8.0
Вопрос id:90733
Тема/шкала: Кроссбраузерность, различия в трактовке CSS между браузерами (IE , Opera, Mozilla/Firefox)
Дан код:



(CSS2.1 - CSS3, TML 5)

Если не указать дополнительное свойство, заштрихованное в коде, то во многих браузерах получим такой результат (слева):

    

Какое свойство позволит нивелировать разницу межстрочного расстояния (как на изображении справа)?
?) Margin-top
?) Padding-top
?) Text-align
?) Word-spacing
?) Line-height
Вопрос id:90734
Тема/шкала: Свойства текста и шрифт
Необходимо выделить первый символ абзаца увеличенным в полтора раза размером шрифта.

Каким образом это возможно осуществить с использованием псевдоклассов?
?) Используя конструкцию p:first-symbol
?) Используя конструкцию p:first-letter
?) Необходимо использовать псевдокласс p:big-letter
?) Средствами CSS данного результата достичь невозможно
?) Необходима конструкция p:first
Вопрос id:90735
Тема/шкала: Синтаксис и базовые типы данных
В какой строке из перечисленных приведенного ниже кода допущена ошибка?



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

Какой фрагмент кода позволит решить поставленную задачу?
?) list-style-type: square
?) list-style-type: emptyquad
?) list-style-type: perimeter
?) list-style-type: rectangle
?) list-style-image:url(путь к изображению с незакрашенным квадратом)
Вопрос id:90737
Тема/шкала: Способы применения CSS. Принципы каскадирования. Переопределение и наследование стилей.
Если к одному элементу одновременно применяются противоречивые стилевые правила, то более высокий приоритет имеет правило, у которого значение специфичности селектора больше. Определите, у какого селектора cпецифичность выше:

ul li.red  или  li.red ul
?) li.red ul, 21 против 12
?) ul li.red, 3 против 2
?) ul li.red, 21 против 12
?) одинакова, равна 12
?) li.red ul, 3 против 2
Вопрос id:90738
Тема/шкала: Синтаксис и базовые типы данных
Какой результат соответствует следующему коду?



(CSS3, HTML 5)
?)
?) Конструкция "body * span" недопустима в CSS
?)
?)
?)
Вопрос id:90739
Тема/шкала: Правила и свойства
После обработки кода браузером был получен такой результат:



Какой стиль скрыт в данном коде?



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



(CSS3, HTML 5)
?)
?)
?)
?)
?)
Вопрос id:90741
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Необходимо промаркировать список при помощи точек, при этом маркеры должны обтекаться текстом, как на изображении:



Какие стили из перечисленных позволят решить поставленную задачу?
?) Ol {list-style-position: inside; list-style-type: disc}
?) Ol {list-style: outside circle}
?) Ol {list-style: disc outside}
?) Ol {list-style-position: outside; list-style-type: circle}
?) Ol {list-style: inside disc}
Вопрос id:90742
Тема/шкала: Синтаксис и базовые типы данных
В каких строках приведенного ниже фрагмента кода допущены ошибки?



(CSS2.1)
?) 6
?) 5
?) 7
?) 9
?) 8
Вопрос id:90743
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
В какой из строк представленного фрагмента кода нет ошибок?

?) 14
?) 15
?) 13
?) Нет верного ответа
?) 12
Вопрос id:90744
Тема/шкала: Позиционирование и работа со слоями
Что будет выведено в окно браузера после обработки им следующего кода?



(CSS2.1 - CSS3, HTML 5)
?) "A" на первой строке
?) "CBA" на первой строке
?) На первой строке - "CCC", на второй - "BB", на третьей – "A"
?) "CCC" на первой строке
?) "ABC" на первой строке
Вопрос id:90745
Тема/шкала: Генерируемое содержимое, автоматическая нумерация и списки
Какое значение свойства list-style-type нумерованного списка (OL) является используемым по умолчанию?
?) upper-roman
?) decimal
?) none
?) numeric
?) lower-alpha
Вопрос id:90746
Тема/шкала: Работа с блочными элементами
Каким свойством НЕ может обладать блочный элемент разметки?
?) visibility
?) z-index
?) overflow
?) text-indent
?) Может обладать всеми перечисленными
Вопрос id:90747
Тема/шкала: Свойства текста и шрифт
В каких строках приведенного ниже фрагмента кода допущены ошибки?



(CSS2.1 - CSS3)
?) 3
?) 4
?) 2
?) 5
?) 1
Вопрос id:90748
Тема/шкала: Позиционирование и работа со слоями
Какой(ие) из блоков будет(ут) виден(ны) после обработки браузером следующего кода?



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



(CSS2.1 - CSS3)
?) Желтый
?) Красный
?) Оранжевый
?) Синий
?) Зеленый
  • Страница:
  • 1
  • 2
  • 3
  • 4
Copyright testserver.pro 2013-2024