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

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

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

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



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



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



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



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

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

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



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



Какой из перечисленных ниже браузеров корректно обработает этот фрагмент кода?
?) Safari
?) Opera
?) Mozilla Firefox
?) Google Chrome
?) Internet Explorer
Вопрос 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?
?) Relative
?) Auto
?) Normal
?) None
?) Max
Вопрос id:90716
Тема/шкала: Правила и свойства
Что из предложенного нужно подставить на место заштрихованного участка следующего кода, чтобы получить такой результат:



Код:



(CSS2.1 - CSS3, HTML 5)
?) #f0f !important
?) yellow important
?) #ff0 !important
?) !mportant yellow
?) yellow; z-index: 100
Вопрос id:90717
Тема/шкала: Правила и свойства
Какое из перечисленных ниже значений установлено для свойства visibility по умолчанию?
?) Visibility: normal
?) Visibility: hidden
?) Visibility: collapse
?) Visibility: inherit
?) 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)
?) Слой Second расположен в верхнем левом углу; слой First перекрывает его частично
?) Слой First расположен в верхнем левом углу; слой Second перекрывает его частично
?) Оба слоя невидимы, так как расположены за границей экрана
?) Слой First расположен в левом верхнем углу страницы, а Second – в правом верхнем
?) Оба слоя видны полностью; на первой строке слой 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)
?) 276px
?) 256px
?) 250px
?) 296px
?) 290px
Вопрос id:90725
Тема/шкала: Работа с блочными элементами
Какова будет реакция браузера при наведении курсора мыши на слово Link и на всю область <ol>, если код следующий:



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



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

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



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

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

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



(CSS2.1 - CSS3, TML 5)

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

    

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

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



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

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

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



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



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



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



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



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



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

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



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



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



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



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