Главная / CSS2: основы

CSS2: основы - ответы на тесты Интуит

Проверка знаний синтаксиса и семантики конструкций каскадных таблиц стилей и их использования в разметке страниц.

Список вопросов:

# Каким образом можно переопределить стиль отображения элемента разметки умолчания?
# Каким образом осуществляется ссылка на внешнее описание стиля?
# Какая из записей верна?
# Какую проблему HTML-разметки решают CSS?
# Как убрать подчеркивание для всех ссылок?
# Отметьте фрагмент правильный кода:
# Какого цвета будет текст в ячейке таблицы при наличии в документе следующего фрагмента: <style type="text/css"> td.red {color:red;} #blue {color:blue;} </style> ... <table> <tr><td class=red id=blue>text</td></tr> </table>:
# Какого цвета будет текст в ячейке таблицы при наличии в документе следующего фрагмента: <style type="text/css"> td.red {color:;blue} #blue {color:red;} </style> ... <table> <tr><td class=red id=blue>text</td></tr> </table> :
# Какого цвета будет текст в ячейке таблицы при наличии в документе следующего фрагмента: <style type="text/css"> td.green {color:green ;} #blue {color:blue;} </style> ... <table> <tr><td class=green id=blue>text</td></tr> </table> :
# Что означает запись вида: i, em, u {color:navy;font-style:italic;}:
# Каково назначение точки в имени селектора описания CSS?
# Как правильно определить стиль отображения гипертекстовой ссылки внутри неупорядоченного списка?
# На какие теги действует содержимое тега <style>?
# Эквивалентны ли способы присоединения внешних таблиц стилей с помощью директивы @import и тега link:
# Среди возможных вариантов объявления стилей наибольший приоритет имеют:
# Каким тегом определяются стили на уровне документа?
# Где должна появляться команда import:?
# Где должен находиться тэг <style>?
# Как называется атрибут HTML-тега, с помощью которого можно задавать стиль непосредственно для конкретного элемента?
# Какой из нижеприведённых вариантов не содержит ошибок?
# Как в CSS-файле обозначаются комментарии?
# Отметьте правильные описания стиля:
# Найдите все ошибочные описания стиля:
# Укажите, какая из единиц измерений не является абсолютной:
# Какое значение не может приобретать свойство width?
# Какое значение не может приобретать свойство width?
# Какое значение не может приобретать свойство width?
# Свойства тега H2 объявлены во внешней таблице стилей следующим образом: h2 {text-indent: 3em}. необходимо изменить его в единственном месте одной страницы, переопределив значение text-indent на 1em. Какая последовательность действий приведет к оптимальному решению поставленной задачи?
# Свойства тега H3 объявлены во внешней таблице стилей следующим образом: h3 {text-indent: 4em}. Необходимо изменить его в единственном месте одной страницы, переопределив значение text-indent на 2em. Какая последовательность действий приведет к оптимальному решению поставленной задачи?
# В каких строках подключения внешней таблицы стилей к документу допущена ошибка?
# Необходимо вставить комментарий в таблицу стилей. Какой фрагмент кода позволит решить поставленную задачу?
# Какое из перечисленных ниже значений установлено для свойства display по умолчанию?
# Какое из перечисленных ниже значений установлено для свойства float по умолчанию?
# При обработке различными браузерами приведенного ниже фрагмента кода расстояние между первой и второй строкой не будет одинаковым. <style> body{ margin: 0; padding: 0 } p:first-letter{ font-size: 400%; ..........: 0. 8em } </style> Какое свойство позволит сделать межстрочное расстояние одинаковым?
# Какое из перечисленных ниже значений установлено для свойства visibility по умолчанию?
# Дан код: <head> <style type="text/css"> P.line { line-height: 2; } P { line-height: 1em; } </style> </head> <body> <p class="line">Строка 1...</p> <p>Строка 2...</p> </body> В какой из строк установлен двойной межстрочный интервал?
# Выберите верный вариант объяснения следующей записи: *{font-size:14px} :
# Отметьте псевдокласс, обозначающий ссылку, которую посетили:
# Какой отступ снизу задает следующий код: p { padding: 10px 20px 30px 40px; }
# Выберите верные утверждения:
# Укажите правильный вариант размещения таблицы стилей в документе:
# Фон веб-страницы белый. Возможно ли не указывать для тега body свойство background: white в целях оптимизации кода и сокращения размера таблицы стилей?
# Какого эффекта можно добиться, применяя технику определения свойств идентификаторов, описанную в следующем фрагменте кода: ul li a div.menu {background: Blue} :
# Какое из приведенных ниже утверждений относительно приоритетов стилевых таблиц разработчика и пользовательских стилевых таблиц согласно спецификации CSS 2 Level, исключая установку "!important", является верным:
# Выберите верный синтаксис применения параметра ID:
# Можно ли переопределить цвет текста следующего элемента через импортируемый стиль: <p style="color:red;">...</p> :
# Какое значение не может приобретать свойство height?
# Какое из приведенных ниже свойств, определяющих положение элемента, содержит ошибку?
# Как установить цвет фона для заголовка h1?
# Как изменить цвет ссылки на красный при наведении на нее курсором?
# Какой символ необходимо вставить вместо вопросительного знака для объединения одинаковых свойств, с целью сокращения длины представленного фрагмента кода: h1 ? h2 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; } :
# На какой параметр указывает правило !important в приведенном ниже фрагменте кода? P{font-size: 10px !important } :
# Как обозначается универсальный селектор?
# Какое значение не может приобретать свойство border-width?
# Какая единица измерения не применяется в CSS 2?
# Отметьте псевдоселекторы:
# Какого эффекта можно добиться, применяя технику определения свойств идентификаторов, описанную в следующем фрагменте кода: div.menu ul li a {background: Yellow} :
# Какое значение не может приобретать свойство width?
# В чём состоят отличия между примерами, представленными в следующем фрагменте кода /* первый пример */ р, i { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif } /* второй пример */ P i { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} :
# Задан фрагмент кода: <div id="at">AspirantTest</div> Какой стиль будет применен к AspirantTest?
# Что произойдет после обработки браузером следующего фрагмента кода: <div style="width: 440px; height: 100px; overflow: auto">содержимое блока</div>
# Каким будет значение отступа от левого края документа до первого символа заголовка (H1) после обработки браузером следующего фрагмента кода: <html><head><tit1e></title>> <style> body { margin: 0 0 0 100px; padding: 0; } #box{ margin: 0 0 0 50px; padding: 0; } #container{ margin: 0 0 0 50px; padding: 0; } hi {margin: 0 0 0 50px; padding: 0; } </style> </head> <body> <div id="container">/div> <div id= "box"<hl>Text</hl></div> </body> </html> :
# В чем разница между элементами разметки DIV и SPAN?
# Какой стиль имеет наивысший приоритет?
# Какие из элементов разметки можно пересекать строковыми элементами разметки согласно DTD HTML 4.0:
# Каким будет порядок расположения слова "Box" и самого блока после обработки браузером следующего фрагмента кода: <body style="margin: 0; padding: 0"> <div style="border: lpx solid; clear: both; float: right; position: static; left: 0; width: 50%;">Box</div>
# Эквивалентны ли следующие описания стилей? a) div {padding:10px;} p {margin:0px;} б) div {padding:0px;} p {margin:10px;}:
# Чему равно поле отступа текста от левой границы страницы в примере: body {padding-left:20px;} div {padding-left:0px;margin:5px;} p {padding:5px;} ... <body> <div> <p> ... </p> </div> </body> :
# Какие из следующих атрибутов являются характеристиками границы блока?
# Какие из следующих элементов разметки являются блоками?
# Чем определяется ширина поля между границами вложенных друг в друга блоков?
# Чему равен внешний отступ (margin) параграфа для следующего описания: div {margin:20px;} ... <div> <p> ... </p> </div>
# Для чего нужен атрибут clear?
# Какие из следующих атрибутов являются атрибутами управления цветом?
# Укажите правильный вариант описания цвета границы блочного элемента:
# Какие из следующих атрибутов CSS описывают свойства блоков?
# Какой из атрибутов CSS определяет блочный элемент разметки как обтекаемый элемент разметки?
# Какие значения может принимать атрибут float?
# Наследуется ли цвет текста охватывающего блока вложенным блоком?
# Какой из атрибутов определяет цвет фона блочного элемента разметки?
# В чем разница между установкой цвета фона для строкового элемента разметки и блочного?
# Какая запись из ниже перечисленных отменяет наличие границы у блока?
# Какая из записей является аналогом следующего HTML-фрагмента? <div><font color=navy>...</font></div>
# Что определяет атрибут color?
# С помощью какого свойства можно задать расстояние между областью содержания элемента и его рамкой?
# Для задания промежутков между ячейкам таблицы используется свойство?
# Страница имеет активную полосу прокрутки. Каким будет поведение расположенного на странице элемента в случае, если он обладает свойством position: fixed?
# К какой группе атрибутов относятся атрибуты color и background-color?
# div #side { border-color: green; border-color-top: black; } Какого цвета будет рамка со всех сторон элемента div?
# div #side { border-color: red; border-color-top: black; } Какого цвета будет рамка со всех сторон элемента div?
# Какие из перечисленных ниже определений свойства clip являются верными?
# Какая из приведённых ниже конструкций является верной для следующего фрагмента кода: P#simple{ свойства } :
# Какой декоративный эффект будет у текста Example после выполнения приведённого ниже фрагмента кода: <body> <div style="text-decoration: underline"> First Element <span style="text-decoration: none">Example</span> </div> </body> :
# Укажите правильный способ задания фонового изображения:
# Каким будет значение отступа от верхнего края страницы до верхнего края строки First после обработки браузером следующего фрагмента кода <style> body { margin: 0; padding:0 } .first { background: Aqua; position: absolute; left: 100px; top: 50px; margin: 100px; padding: 10px } </style> <body> <div class="first">First</div> </body> </html>
# В каких из шести приведенных ниже строк кода допущены ошибки: 1: .box { 2: topmargin: 10pх; 3: border-bottom-style: solid green lpx; 4: border-left: 0.05em dotted green; 5: toppadding: 3cm; 6: }
# Каким будет порядок расположения слоев после обработки браузером следующего фрагмента кода: <style type="text/css"> div{ position: static; } </style> <body> <div style="z-index: l; background: orange">l</div> <div style="z-index: 2; background: Green;">2</div> <div style="z-index: 3; background: Blue;">3</div> </body> :
# В каких строках приведенного ниже фрагмента кода допущены ошибки: 1: #box{ 2: text-align: 11%; 3: font-family: Arial, Helvetica, sans-serif; 4: font-size: xxx-bold; 5: font-style: none; 6: text-decoration: underline; } :
# Каким будет порядок расположения слоев после обработки браузером следующего фрагмента кода: <style type="text/css"> div{ position: static; } </style> <body> <div style="z-index: 2; background: Green;">2</div> <div style="z-index: l; background: orange">l</div> <div style="z-index: 3; background: Blue;">3</div> </body>:
# Какими свойствами будет обладать блочный элемент, определенный следующим образом #bох{ text-align: right; text-indent: 24px; font: italic small-caps 1em Verdana; }
# В каких строках приведенного ниже фрагмента кода допущены ошибки 1: #box{ 2: font-family: Arial, Helvetica, sans-serif; 3: font-size: xxx-small; 4: font-style: none; 5: text-decoration: underline; 6: text-align: 25% 7: }
# Как будет располагаться блочный элемент на странице <body style="margin: 2em 5em"> <div style="border: 1px solid black; width: 10em; top: 1em; position: absolute; right: 100px;">B0X</div>
# Каким будет порядок расположения букв после обработки браузером следующего фрагмента кода: <style type-"text/css"> div{position: absolute} </style> <body> <div style="z-index:l; background: orange">CCC</div> <div style="z-index:2; background: orange">BB</div> <div style="z-index:3; background: orange">A</div> </body> :
# Необходимо расположить один абзац (all, оранжевого цвета) рядом с правой частью блочного элемента. Какое свойство необходимо применить к блочному элементу all, что бы блок (right) был расположен справа от него: <style> body{margin: 0; padding: 0} #all{ background: orange; width: 300рх; ............ } </style> <body> <div id="all">all</div> <div>right</div>
# Какое из перечисленных ниже средств предназначено для создания отступов между внешней границей блочного элемента и его содержанием?
# Какой порядок следования трех блочных элементов First, Second и Third в приведённых ниже фрагментах кода является верным ПЕРВЫЙ ПРИМЕР <body> <div style="display: inline;">First </div> <div style="display: block;">Second </div> <div sty1e=" display: inline;">Third</div> </body> ВТОРОЙ ПРИМЕР <body> <div style="display: block;">First </div> <div style="display: inline;">Second </div> <div style="display: block;">Third</div> </body>
# Что произойдет после обработки браузером следующего фрагмента кода? <div style="width: 440px; height: 100px; overflow: auto">содержимое блока</div>
# Какое значение по умолчанию у margin-right :
# В каких строках в приведенном ниже фрагменте кода допущены ошибки: .box { topmargin: 10рх; border-bottom-style:solid green 1px; border-left: 0.05еm dotted green; toppadding: Зcm; }
# Какое из свойств, определенных в следующем фрагменте кода, содержит ошибку: <div style="position: relative; border: 1px solid red; width: 10em; margin: 10px 5px 10em; top: 10px; left: 50px 100px">5</div> :
# Какой порядок следования списка свойств border в приведённом ниже фрагменте кода является верным: border {medium outset #063} :
# Какие из перечисленных ниже определений свойства clip являются верными?
# Какая ошибка допущена в приведенном ниже фрагмента кода div{ position: absolute; width: 15%; height: 1em; top: 0; left: auto; z-index: auto; }
# Какой перечень свойств класса, описанного следующим фрагментом кода, является верным? body{margin: 0;padding: 0;} .test { background-color: orange; background: green; margin-left: 50px; margin: 0 0 0 100px; border-left-raidth: 2px; border-left: solid white 4px; border-left-style: dashed; }
# Как будет располагаться блок со свойствами, определенными в следующем фрагменте кода: <body> <div style="border:2px solid navy; margin-left: auto; margin-right: auto" align="right">simple text</div> </body> :
# Имеется абзац, состоящий из нескольких строк. Как будет выглядеть первая строка данного абзаца, свойства которой определены следующим образом: <style> p:first-line{ background: Blue; font-size: 150%; } p:first-letter{ font-size: 200%; } p{ font-size: 100%; background: Orange; } </style>
# Что означает запись padding:2ex?
# Каким атрибутом определяется внешний отступ от границы блочного элемента?
# Какое из значений свойства background-position расположит фоновую картинку по центру и правому края заданного блока?
# Как будет располагаться блок со свойствами, определенными в следующем фрагменте кода: <body> <div style="border:2px solid navy; width: 150px; margin-left: auto; margin-right: auto;" align="right">simple text</div> </body>
# Какое из свойств, определенных в следующем фрагменте кода, содержит ошибку: <div style="position: relative; border: 1px solid; width: 100px 10em; margin: 10px 5px 10em; top: 10px; left: 50px ">5</div> :
# К какой группе шрифтов относится гарнитура Courier?
# Во внешней таблице стилей определен шрифт идентификатора p, равный 14px; во внедренной таблице тот же идентификатор p со свойствами шрифта равен 2em; в элементе разметки все тот же идентификатор приобретает размеры шрифта 0.85em. Каким будет размер шрифта после применения описанной выше схемы форматирования?
# Какой из атрибутов стилей определяет гарнитуру шрифта?
# Какой из перечисленных вариантов задает курсивный текст?
# Какое из свойств, определенных в следующем фрагменте кода, содержит ошибку: <div style="position: normal; border: 1px solid; width: 10em; margin: 10px 5px 10em; top: 10px; left: 50px ">5</div>
# Что произойдет после обработки браузером блочного элемента со свойством width 40em если текст, находящийся в нем, не будет помещаться по ширине?
# Какой из атрибутов CSS определяет начертание шрифта?
# Какая группа шрифтов обычно используется для отображения текста в полях ввода?
# В каких единицах задается свойство шрифта x-height?
# При помощи какого свойства можно задать цвет фона?
# Каким будет порядок расположения слова "Box" и самого блока после обработки браузером следующего фрагмента кода <body style="margin: 0; padding: 0"> <div style="border: 1px solid; clear: both; float: right; position: static; left: 0; width: 50*;">Box</div>
# Какое значение не может приобретать свойство clear?
# В чем отличие свойств описания блоков текста от свойств описания текста?
# Какой из атрибутов CSS определяет размер шрифта?
# Какой элемент HTML-разметки используется для установки гарнитуры шрифта?
# Какое из следующих определений кегля верно?
# Имеется абзац, состоящий из нескольких строк <style> p:first-line{ background: White; font-size: 150%; } p:first-letter{ font-size: 200%; } p{ font-size: 100%; background: Orange; } </style> Как будет выглядеть первая строка данного абзаца, свойства которой определены следующим образом?
# Укажите неверное значение свойств word-spacing и letter-spacing:
# Какие из следующих атрибутов CSS вызывают преобразование шрифта?
# Какие из следующих атрибутов CSS влияют на межбуквенное расстояние?
# Какая из следующих записей соответствует элементу разметки EM?
# Укажите доступные значения свойства font-size:
# Что понимают под гарнитурой шрифта?
# Какое свойство задает размер шрифта для текста?
# Какие атрибуты влияют на межстрочное расстояние?
# Какой из вариантов - аналог следующего элемента разметки: <u>...</u>?
# Одинаковое ли расстояние между буквами в шрифтах различных гарнитур при равных кеглях?
# Какие из следующих атрибутов CSS влияют на выравнивание текста в блоке?
# Кегль определяет:
# Можно ли изменять кегль в строковом элементе разметки?
# Если присвоить свойству overflow значение auto, то при выходе текста за рамку блока:
# Что определяет атрибут line-height?
# Что подразумевает следующее описание: <span style="text-transform:capitalize;">...</span>
# Какой из следующих селекторов описывает свойства первой строки параграфа?
# Какие из перечисленных атрибутов определяют свойства текста?
# В чем отличие свойств описания шрифта от свойств описания текста?
# Во внешней таблице стилей определен шрифт идентификатора p, равный 14px; во внедренной таблице тот же идентификатор p со свойствами шрифта равен 2em; в элементе разметки все тот же идентификатор приобретает размеры шрифта 0.85em. Каким будет размер шрифта после применения описанной выше схемы форматирования?
# Какое свойство может принимать значения (normal / italic / oblique / inherit)?
# Можно ли, управляя межстрочным расстоянием, "наехать" строкой на строку?
# Найдите неверное описание:
# Какой из вариантов - аналог следующего элемента разметки: <p align=justify>...</p>
# Можно ли использовать атрибут text-align в элементе разметки SPAN?
# Что задает следующий код: <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> </HEAD> <BODY> <P><SPAN>The first</SPAN> few words of an article in The Economist.</P> </BODY>
# Укажите неверное значение свойств word-spacing и letter-spacing:
# Для размещения элемента у левой или правой границы и обеспечения обтекания текста вокруг него используется свойство:
# C помощью какого свойства указывается гарнитура шрифта для текстового элемента?
# Является ли синтаксически правильным следующее описание: <p style="text-indent=-20pt;">...</p>
# Можно ли при описании первой строки параграфа определить отступ от границы предыдущего параграфа?
# В каком примере будет создана начальная заглавная зависающая буква, захватывающая две строки?
# Как будет выглядеть текст при выполнении данного кода: P { color: red; font-size: 12pt } P:first-letter { color: green; font-size: 200% } P:first-line { color: blue } <P>Какой-нибудь текст, содержащий не менее двух строк.</P> :
# Имеется абзац, состоящий из нескольких строк. Как будет выглядеть первая строка данного абзаца, свойства которой определены следующим образом: <style> p:first-line{ background: White; font-size: 150%; } p:first-letter{ font-size: 200%; } p{ font-size: 100%; background: Orange; } </style>
# Имеется абзац, состоящий из нескольких строк. Как будет выглядеть первая строка данного абзаца, свойства которой определены следующим образом: <style> p:first-line{ background: Blue; font-size: 150%; } p:first-letter{ font-size: 200%; } p{ font-size: 100%; background: White; } </style>
# Данный код: P {text-align: justify} задает:
# Какой из нижеприведенных вариантов убирает выделение текста в гиперссылках?
# Какой фрагмент кода позволит выровнять содержимое абзаца по центру?
# Необходимо закрасить блочный элемент div фоном, как у предка <p>. Для этого Вы помещаете блок div внутрь тега <p>: <style> body {background: orange} p {background: Gray} </style> <body> <p>First <div> Second</div> </p> </body> Каким образом будет выглядеть конечный документ после обработки браузером следующего фрагмента кода и почему?
# Какой из перечисленных вариантов задает курсивный текст?
# Какое значение имеет по умолчанию 'direction'?
# Какое из следующих свойств не производит изменение позиции текста в блоке (выравнивание)?
# Что задает свойство table-layout?
# Вы создали таблицу стилей, в которой определили используемые шрифты для элемента #box следующим образом: #box {font-family: Verdana, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif} Каким шрифтом будет отображено содержимое #box, если на компьютере пользователя установлены все шрифты, кроме Geneva?
# Во внешней таблице стилей определен шрифт идентификатора p, равный 14px; во внедренной таблице тот же идентификатор p со свойствами шрифта равен 2em; в элементе разметки все тот же идентификатор приобретает размеры шрифта 0.85em. Каким будет размер шрифта после применения описанной выше схемы форматирования?
# Какими будут цвета текста и фона приведенного ниже рисунка согласно присвоенным атрибутам: <style> div{ background: #ffffff; color: #000000 } p{color: #000000; background: #000000; } </style> <body> <div><p>TEXT</p></div> </body>
# Каким образом будет выглядеть конечный документ после обработки браузером следующего фрагмента кода: <style> p.new{color: blue) p#full{background: Orange} </style> </head> <body> <p id="full" class="new" style="font-weight: bold;">Simple text</p>
# Необходимо закрасить блочный элемент div фоном, как у предка <p>. Для этого Вы помещаете блок div внутрь тега <p> <style> body {background: Gray} p {background: orange} </style> <body> <p>First <div> Sec ond</div> </p> </body> Каким образом будет выглядеть конечный документ после обработки браузером данного фрагмента кода и почему?
# Каким образом будут отформатированы фрагменты Simple text и other text после обработки браузером следующего фрагмента кода: <style> p {color: black; font-style: italic; } p.new{color: red;} </style> </head> <body> <p class="new">Simple text</p> <p>other text</p> :
# Укажите порядок следования свойств элемента: font: oblique normal 800 1.2em/95% Arial, Helvetica, sans-serif; :
# В какой строке приведенного ниже фрагмента кода допущена ошибка: a:visited { background: Bhite;} a { background: Orange;} :hover { background: Aqua;} a:active { background: Red;} :
# Какие параметры форматирования определяют свойства letter-spacing со значением 3px и word-spaсing со значением 18px соответственно:
# Вы создали таблицу стилей, в которой определили используемые шрифты для элемента #box следующим образом: #box { font-family: Verdana, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif } Каким шрифтом будет отображено содержимое #box, если на компьютере пользователя установлены все шрифты, кроме Geneva:
# Укажите неверное значение свойств word-spacing и letter-spacing:
# За что отвечает атрибут text-transform?
# Каким образом будут отформатированы фрагменты simple text и other text после обработки браузером следующего фрагмента кода: <style> p {color: Green; } p.new{color: blue;font-style: italic; } </style> </head> <body> <p class="new">Simple text</p> <p>other text</p> :
# Какой фрагмент кода позволит выровнять содержимое абзаца по ширине?
# Во внешней таблице стилей определен шрифт идентификатора p, равный 0.85px; во внедренной таблице тот же идентификатор p со свойствами шрифта равен 2em; в элементе разметки все тот же идентификатор приобретает размеры шрифта 14em. Каким будет размер шрифта после применения описанной выше схемы форматирования?
# Какая из представленных ниже единиц измерения позволит определить шрифт как строго фиксированный?
# Каким образом будут отформатированы фрагменты simple text и other text после обработки браузером следующего фрагмента кода? <style> p {color: Green; font-style: italic; } p.new{color: blue;} </style> </head> <body> <p class="new">Simple text</p> <p>other text</p>
# Можно ли изменить форму маркера у упорядоченного списка?
# Какого цвета будет фон остальной страницы, кроме элемента разметки p после обработки браузером следующего фрагмента кода: p#text{background: green;} p.text(background: red;} </style> </head> <body bgcolor="Orange"> <p class="text" id="text">text</p> :
# Укажите порядок следования свойств элемента: font: normal 800 1.2em/95% Arial, Helvetica, sans-serif oblique ; :
# Вы создали таблицу стилей, в которой определили используемые шрифты для элемента #box следующим образом: #box {font-family: Verdana, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif} Каким шрифтом будет отображено содержимое #box, если на компьютере пользователя установлены все шрифты, кроме Verdana и Geneva?
# Укажите верное значение свойств word-spacing и letter-spacing:
# Можно ли управлять через CSS отображением списка определений?
# При задании стиля <style TYPE="text/css"> TD { color: red } </style> красный цвет будет:
# Какой атрибут CSS отвечает за форму маркера?
# Какие из представленных ниже методов определения цвета фона установлены неверно?
# Свойство абзаца было определено следующим образом: font-family: Verdana, Geneva, Arial, Helvetica, sans-serif Что произойдет после обработки браузером следующего фрагмента кода, если пользователь первого из объявленных шрифтов не будет обнаружен:
# Вы создали таблицу стилей, в которой определили используемые шрифты для элемента #box следующим образом: #box {font-family: Verdana, "Comic Sans MS", Geneva, Arial, Helvetica} Каким шрифтом будет отображено содержимое #box, если на компьютере пользователя не установлены все перечисленные шрифты?
# Можно ли заказать в качестве маркера упорядоченного списка картинку?
# Для изменения внешнего вида ссылки, при наведение на ней мышки используется:
# Какой маркер будет использован в данном случае в списке: ul { list-style-image: url(pic.gif); list-style-type:disc; list-style-position: outside; }
# Какого цвета будет фон элемента разметки p после обработки браузером следующего фрагмента кода: p#text{background: green;} p.text(background: red;} </style> </head> <body bgcolor="Orange"> <p class="text" id="text">text</p> :
# Какого цвета будет фон остальной страницы, кроме элемента разметки p после обработки браузером следующего фрагмента кода: p#text{background: green;} p.text(background: red;} </style> </head> <body> <p class="text" id="text">text</p>
# В какой строке присутствует неверное определение свойства font-weight?
# Какие свойства позволяют отобразить таблицу с одной видимой границей и без дополнительного промежутка?
# Каким цветом будут отображаться все заголовки первого уровня в документе: h1 {color: green;} h1 {color: blue;} h1 {color: gray;} h1 {color: red;}
# Какое из значений свойства color является неверным?
# Какая из записей синтаксически правильна?
# Как можно получить при помощи таблицы стилей красную строку?
# Необходимо выделить текст таким образом, чтобы межсимвольное расстояние составило 3px, а расстояние между словами составило 3em. Какая последовательность действий приведет к решению поставленной задачи?
# Для указания типа маркера списочного элемента используется свойство:
# Какое значение возможно определить для свойства background в целях оптимизации приведенного ниже фрагмента кода: div{ background-color: Lime; background-image: url(1.gif); background- attachment: fixed; background-repeat: no-repeat; background-position: left 10px; } :
# Что задает свойство list-style-position?
# Для задания промежутков между ячейками таблицы используется свойство?
# Чем можно управлять посредством атрибутов CSS?
# Можно ли не отображать и не интерпретировать HTML-код при его загрузке в браузер?
# Какое значение позиции маркера списка (list-style-position) является используемым по умолчанию?
# Какова будет реакция браузера при наведении курсора мыши на слово Link и на всю область <ol>: <style> ol{ border:solid 1px red; list-style: circle outside; margin: 0; padding: 0; width: 10em; } li a{ text-decoration: none; display: block; margin: 0; padding: 0; width: 10em; } li a:hover { background: Silver; } </style> <body> <ol><li><a href="#">Link</a></li> </ol>
# Каким образом будут отображены слова simple и span после обработки браузером следующего фрагмента кода: <p style="margin-left: 70px">simple <span style="margin-left: -80px">span</span> </p> :
# С помощью какого свойства можно отвязать фоновое изображение от элемента, привязав его к области просмотра?
# Какие атрибуты CSS отвечают за отображение картинки маркера списка?
# Какие значения может принимать атрибут CSS, который определяет картинку маркера списка?
# В чем состоит отличие между псевдоэлементами :before и :after, которые применяются со свойством content(значение)?
# Можно ли применять атрибут padding к элементу разметки img?
# В таблице стилей CSS имеется следующая строка: P.note:before { content: "заметка: " } Расшифруйте ее значение:
# Какие из перечисленных ниже значений не может приобретать свойство overflow?
# С помощью какого свойства можно задать величину полей за пределами рамки элемента?
# Какое значение нужно присвоить свойству элемента display, чтобы он не отображался на странице?
# Какой порядок следования списка свойств border в приведённом ниже фрагменте кода является верным: border {medium outset #063} :
# Укажите верный перечень свойств элемента ol? ol{ background: #fff; list-style-position: inside; list-style-type: circle; border-left: solid 3px green; } :
# С помощью какого параметра можно задать вывод элемента в виде списка?
# Для чего используется псевдоэлемент after?
# Какой из нижеприведенных вариантов задает красный фон для всех элементов класса red?
# Какой из нижеприведённых вариантов располагает маркер внутри зоны содержимого элемента?
# С помощью какого свойства можно задать форму указателя мыши, когда он находится над элементом?
# Как правильно определить видимую область блока на рисунке?
# Что произойдет после обработки браузером следующего фрагмента кода, если путь к изображению окажется недоступным: ul{list-style-type: circle; list-style-image: url(../path) } :
# Что произойдет после обработки браузером следующего фрагмента кода, если путь к изображению окажется недоступным: ul{ list-style-type:circle; list-style-image: url(../samples/button.gif); } :
# В чём состоит отличие между примерами, представленными в следующем фрагменте кода: /* первый пример */ р, i { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } /* второй пример */ p i { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } :
# Каким будет размер шрифта текста First и Second соответственно после обработки браузером следующего фрагмента кода: body { font-size:lem } ul{ font-size:1.5em } li#the{ font-size:2em } </style> </head> <body> <ul> <li id="the">first</li> <li>second</li> </ul> :
# Какие координатные системы поддерживает спецификация CSS?
# Что определяют абсолютные координаты блока?
# Необходимо создать автоматическую нумерацию списка в виде прописных римских цифр. Какое значение свойства list-style-type позволит решить поставленную задачу?
# Необходимо создать автоматическую нумерацию списка в виде заглавных римских цифр. Какое значение свойства list-style-type позволит решить поставленную задачу?
# Какое значение не может приобретать свойство float?
# Необходимо промаркировать список при помощи окружностей и залить его серым цветом, включая сами маркеры. Какие 2 фрагмента кода позволят решить поставленную задачу?
# Какие атрибуты определяют координаты блока?
# Какие атрибуты отвечают за видимость элемента?
# Какой элемент разметки позволяет добиться абсолютного или относительного позиционирования разделов документа без применения CSS?
# Можно ли при помощи CSS наложить текст на картинку?
# Необходимо создать автоматическую нумерацию списка в виде Десятеричных чисел, дополненных начальными нулями. Какое значение свойства list-style-type позволит решить поставленную задачу?
# Необходимо создать автоматическую нумерацию списка в виде букв ascii нижнего регистра. Какое значение свойства list-style-type позволит решить поставленную задачу:
# Что происходит при абсолютном позировании?
# Что происходит при абсолютном позиционировании?
# Какое свойство специфицирует, насколько смещен вниз верхний край содержимого бокса относительно верхнего края содержащего блока?
# Для чего используется свойство background-attachment?
# Какой из атрибутов CSS определяет порядок перекрытия блоков?
# Необходимо промаркировать список незалитыми прямоугольниками. Какой фрагмент кода позволит решить поставленную задачу?
# Укажите, какого типа позиционирования не существует:
# Для задания схемы позиционирования, в которой прямоугольники элементов отображаются на экран в порядке их появления в документе, используется тип:
# Какие атрибуты определяют линейные размеры блока (ширину и высоту)?
# Какие значения может принимать атрибут visibility?
# Какие атрибуты определяют площадь, занимаемую блоком на экране?
# Какой слой не будет виден после обработки браузером следующего фрагмента кода: div{ position: absolute} </style> </head> <body> <div> First</div> <div style="left:10em">Second</div> <div style="right:10em">Third</div> <div style="left: -5em">Fourth</div> </body> :
# Какое значение по умолчанию имеет 'z-index'?
# Какой из блоков не будет виден после обработки браузером следующего фрагмента кода? <html><head></head> <body style="margin:0; padding:0"> <div style="position: absolute; z-index:2; background: orange; width: 20еm;">Первый блoк</div> <div scyle="position: absolute; z-index: 1; left: 20em; width: 20em; background: green;">Второй блок</div> <div style="position: relative; z-index: 3; background: yellow; left: 30em; width: 20еm;">Третий блок</div> </body></html> :
# Что происходит при относительном позировании?
# Что делает свойство z-index?
# Можно ли использовать отрицательные значения при указании координат блока?
# Как изменяется значение атрибута, определяющего порядок перекрытия, с точки зрения пользователя браузера?
# Какой из блоков будет виден после обработки браузером следующего фрагмента кода? <html><head></head> <body style="margin:0; padding:0"> <div style="position: absolute; z-index:2; background: orange; width: 20еm;">Первый блoк</div> <div scyle="position: absolute; z-index: 1; left: 20em; width: 20em; background: green;">Второй блок</div> <div style="position: relative; z-index: 3; background: yellow; left: 30em; width: 20еm;">Третий блок</div> </body></html>:
# Какие слои будут видны после обработки браузером следующего фрагмента кода: div{ position: relative;} </style> </head> <body> <div> First</div> <div style="left:-10em;">Second</div> <div style="right:10em;">Third</div> <div style="left: 15em;">Fourth</div> </body> :
# Необходимо разместить логотип сайта с отступом сверху 50px и слева 10px таким образом, чтобы он не изменял своего положения при возможном изменении содержимого страницы сайта. Какие 2 значения не являются верными для свойства background?
# Если в документе описано три блока: первый имеет цвет #666 и z-index:20; второй имеет цвет #999 и z-index:5; третий имеет цвет # 333 и z-index: 12. Блок, какого цвета будет выведен первым и наложен на два остальных?
# Закрывает ли ближний к пользователю видимый блок содержание других видимых блоков?
# Какие атрибуты определяют местоположение блока на экране?
# Необходимо создать небольшой сайт. Решено подключить стилевую таблицу, чтобы она влияла на определенные, заранее отмеченные элементы всего сайта. Что для этого нужно сделать?
# Какое значение не может приобретать свойство position?
# Какие значения может приобретать свойство position?
# Какой слой не будет виден после обработки браузером следующего фрагмента кода: div{ position: absolute;} </style> </head> <body> <div> First</div> <div style="left:-10em;">Second</div> <div style="right:10em;">Third</div> <div style="left: 15em;">Fourth</div> </body>:
# Если в документе описано три блока: первый имеет цвет #666 и z-index:19; второй имеет цвет #999 и z-index:1; третий имеет цвет # 333 и z-index: 72. Блок, какого цвета будет выведен первым и наложен на два остальных?
# Какие атрибуты определяют координаты блока?
# Какого цвета слой не будет виден после обработки браузером следующего фрагмента кода? <style> body {margin: 0; padding: 0; color: white} div{ position: absolute; width: 10em; height: 1em; top: 0; left: 0} <body> <div style="z-index: 1; background: orange; left: 10em">1</div> <div style="z-index: 2; background: Green;">2</div> <div style="z-index: 3; background: Blue; left: lOem; position: inherit;">3</div> </div> </style>
# Необходимо сопоставить значения и их свойства так, что бы зеленый блок (First) находился слева, оранжевый блок (Second) - справа, белый блок (Third) - между ними. Какой код необходимо вставить вместо "..."? <body> <div style="background: green; ...; ">first</div> <div style="background: orange; ...; ">second</div> <div style="background: rahite; ...; ">third</div> </body>
# Элемент разметки с большим или меньшим значением z-index будет отображаться верхним:
# Каково расстояние от левого края родительского элемента (body) страницы до правой границы блочного элемента div в приведенном ниже фрагменте кода <style> body{ margin: 0 0 0 100px; padding: 0; } div{ background: green; position: absolute; margin: 0 0 0 100px; left: 100px; width: 100px; } </style> <head> <body> <div> 5 5 5</div> </body>
# Какой слой будет виден после обработки браузером следующего фрагмента кода? div{ position: absolute} </style> </head> <body> <div> First</div> <div style="left:10em">Second</div> <div style="right:10em">Third <div style="left: -5em">Fourth</div> </div> </body>:
# Отметьте правильные значения свойства float
# Страница имеет активную полосу прокрутки. Каким будет поведение расположенного на странице элемента в случае, если он обладает свойством position: fixed?