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

Сервисы
Избранные доки
Метки (все метки)
internet, it, интернет, интернет сеть, информационные технологии, ит, по, программное обеспечение, сайт, софт
Подписаться через 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

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

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

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

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

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

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

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