Интернет, компьютеры, софт и прочий Hi-Tech

Подписаться через RSS2Email.ru

Блиц-тест по CSS

Этот тест был разработан для студентов Ташкентского государственного института востоковедения в рамках общего курса информационных технологий. Если вы правильно ответите на все вопросы, это не означает, что вы отлично знаете CSS. Но это означает, что вы отлично знаете CSS по сравнению со студентами-гуманитариями.

  1. Что называется «селектором»?

    1. Селектором называют имя стиля, для которого указаны параметры форматирования.
    2. Селектором называют тег с указанием параметров форматирования.
    3. Селектором называют часть html-кода, расположенная в контейнере <head>…</head>.
    4. Селектором называют имя файла, имеющего расширение .css.
  2. Как можно иначе записать следующий фрагмент:

    p    {color: green;}
    h2   {color: green; font-family: Courier;}
    span {color: green;}
    1. p h2 span {color: green;}
    2. p, h2, span {color: green;}
    3. p h2 span {color: green;} h2 {font-family: courier;}
    4. p, h2, span {color: green;} h2 {font-family: courier;}
  3. Для того, чтобы в списке отменить задание маркера, необходимо написать:

    1. list-style-type: circle
    2. list-style-type: none
    3. list-style-type: inherit
    4. list-style-type: decimal
  4. Каким свойством можно задать цвет фона документа?

    1. color
    2. bgcolor
    3. background
    4. content
  5. Как записываются комментарии в css?

    1. << /комментарий >>
    2. /* комментарий */
    3. <<! комментарий >>
    4. /*! комментарий */
  6. Укажите пример группировки селекторов.

    1. H1>h3 em {color: violet;}
    2. H1 h3 em {color: violet;}
    3. H1, h3, em {color: violet;}
    4. H1+h3+em {color: violet;}
  7. Каким свойством можно задать красную строку?

    1. before
    2. text-decoration
    3. text-indent
    4. text-align
  8. Выберите верный комментарий к следующему примеру:

    strong+em, h2 {color: #ccfcff; font-size: 15pt;}
    1. Для всех заголовков второго уровня и для всех абзацев установлен соответствующий цвет и размер шрифта.
    2. Для всех заголовков второго уровня и содержимого всех контейнеров <em>…</em>, задан цвет и размер шрифта.
    3. Для всех заголовков второго уровня и содержимого всех контейнеров <em>…</em> встречающихся внутри <strong>, задан цвет и размер шрифта.
    4. Для всех заголовков второго уровня, а также содержимого всех контейнеров <em>…</em>, находящихся непосредственно после <strong>, задан цвет и размер шрифта.
  9. Найдите пример, составленный без ошибок.

    1. div {color: green; font-type: 10pt; font-family: arial;}
    2. p {font-color: green; font-size: 10pt; font-family: arial;}
    3. h2 {font-color: green; size: 10pt; font-family: arial;}
    4. span {color: green; font-size: 10pt; font-family: arial;}
  10. Найдите строку, где перечислены только псевдоэлементы.

    1. after, before, first-letter, vertical-align
    2. first-line, padding, visited, word-spacing
    3. first-line, after, before, first-letter
    4. after, before, visited, vertical-align
  11. Укажите пример, где данный стиль применится ко всем элементам html-документа.

    1. p.all {font-weight: bold; color: #453346;}
    2. .all {font-weight: bold; color: #453346;}
    3. *.all {font-weight: bold; color: #453346;}
    4. * {font-weight: bold; color: #453346;}
  12. В каком из перечисленных вариантов, стиль b > em {color:red;} применится к содержимому тега <em>.

    1. <p>Жил на свете старичок, маленького роста. <b><em>И смеялся старичок, чрезвычайно просто: хи-хи-хи, да хо-хо-хо, ху-ху-ху, да ых-ых…</em></b></p>
    2. <p>Жил на свете старичок, маленького роста. <em><b>И смеялся старичок, чрезвычайно просто: хи-хи-хи, да хо-хо-хо, ху-ху-ху, да ых-ых…</b></em></p>
    3. <p>Жил на свете старичок, маленького роста. <em>И смеялся старичок, чрезвычайно просто: хи-хи-хи, да хо-хо-хо, ху-ху-ху, да ых-ых…</em></p>
    4. <p>Жил на свете старичок, маленького роста. <em>И смеялся старичок, чрезвычайно просто: <b>хи-хи-хи, да хо-хо-хо, ху-ху-ху, да ых-ых…</b></em></p>
  13. Какое расширение имеет файл с набором стилей (внешняя таблица стилей)?

    1. html
    2. xhtml
    3. css
    4. xml
  14. Укажите верный способ подключения внешней таблицы стилей с именем Style.first.css к html-документу.

    1. <link rel="stylesheet" type="text/css" href="Style.first.css" />
    2. <link rel="style/sheet" type="text/css" href="Style.first.css" />
    3. <link rel="stylesheet" type="text/html" href="Style.first.css" />
    4. <link rel="style-sheet" type="text/css" href="Style.first.css" />
  15. Выберите вариант, где указан стиль с использованием класса.

    1. p, h2 {font-style: italic; background: yellow;}
    2. h2.p {font-style: italic; background: yellow;}
    3. p#h2 {font-style: italic; background: yellow;}
    4. h2@p {font-style:italic; background: yellow;}

Автор: Эльмира Рамазановна Скоробогатова, преподаватель кафедры математики и информатики ТашГИВ, 14.11.2011


Предыдущие публикации:

Биржа долевых инвестиций SIMEX.

Последнее редактирование: 2011-11-14 03:06:26

Метки материала: css, тест по css, таблицы стилей css, каскадные таблицы стилей, каскадные таблицы стилей css, таблицы стилей, информатика, интернет-образование, it, информационные технологии, ит


5 комментариев

21.06.2013 21:24:23 #
Google Chrome Гость Мастер
Отлично! Правильных ответов: 15 из 15, что составляет 100%.
28.11.2012 18:18:58 #
Mozilla Firefox dima
Как бы Вы их сформулировали?
28.11.2012 16:16:10 #
Google Chrome Гость Stafox
Все вроде бы хорошо, отличный тест для новичка. Однако многие вопросы поставлены некорректно. Например насчет "красной" строки и группировки селекторов. Эти два вопроса я бы переформулировал
28.10.2012 16:36:54 #
Mozilla Firefox dima
Передам автору Well
28.10.2012 15:42:08 #
Google Chrome Гость Kondakova
Работаю преподавателем. Искала пример теста по технологии CSS. Ваш тест прошла с результатом 93%. Многие вопросы очень понравились. Спасибо за пример.

Оставьте, пожалуйста, свой комментарий к публикации

Представиться как     Антибот:
   

Просьба не постить мусор. Если вы хотите потестить xBB, воспользуйтесь кнопкой предварительного просмотра на панели инструментов xBBEditor-а.


© 2007-2017, Дмитрий Скоробогатов.
Разрешается воспроизводить, распространять и/или изменять материалы сайта
в соответствии с условиями GNU Free Documentation License,
версии 1.2 или любой более поздней версии, опубликованной FSF,
если только иное не указано в самих материалах.