Тест с ответами по CSS
11. Для чего используется свойство CSS letter-spacing:
а) задает горизонтальное выравнивание текста в элементе
б) задает высоту строки текста элемента
в) задает горизонтальный интервал между буквами текста элемента +
13. Задает размер шрифта свойство CSS:
а) font-family
б) font-size +
в) font-style
14. В каком примере текст тэга EM в заголовке H1 будет иметь обычное начертание:
а) H1 >
б) H1, EM < font-style: normal >
в) H1 EM < font-style: normal >+
15. Задает отступ текста внутри элемента свойство CSS:
а) text-transform
б) vertical-align
в) text-indent +
16. Какое свойство задает выравнивание содержимого блока:
а) ‘text-indent’
б) ‘text-align’ +
в) ‘text-decoration’
17. Какое свойство CSS определяет отступ слева:
а) margin-right
б) margin-left +
в) margin
18. Какое свойство позволяет задать цвет текста:
а) text
б) color +
в) textcolor
19. Для создания удвоенных границ между смежными ячейками таблицы используется свойство CSS:
а) border-collapse:collapse
б) border-collapse:separate +
в) border-collapse:double
20. В каком примере текст тэга EM в заголовке H1 будет иметь обычное начертание:
а) H1 + EM < font-style: normal >
б) H1, EM < font-style: normal >+
в) H1 >
21. Для чего используется свойство CSS word-spacing:
а) задает отступ текста внутри элемента
б) задает вертикальное выравнивание содержимого элемента
в) задает величину интервала между словами в элементе +
22. Какое свойство позволяет управлять выравниванием:
а) ‘text-indent’
б) ‘text-align’ +
в) ‘text-shadow’
23. Для чего используется свойство CSS text-transform:
а) задает использование прописных и строчных букв в элементе +
б) задает отступ текста внутри элемента
в) задает вертикальное выравнивание содержимого элемента
24. Укажите корректный пример задания фонового цвета элемента:
а)
Тест: Как хорошо Вы знаете CSS?
CSS — язык описания внешнего вида веб-документа. С помощью CSS оформлены большинство страниц в интернете. Тест охватывает важные разделы CSS, без знания которых разработчику будет сложно профессионально работать в сфере. Готовы? Вперед!
Какое из этих значений НЕ может быть значением для font-size?
Размер шрифта должен иметь единицу измерения или быть из набора констант: xx-small, x-small, small, medium, large, x-large, xx-large
Какая строка задает изображение для фона и повторяет его по вертикали?
background: url(images/back.png) repeat-y;
background: url(images/back.png) repeat-x;
background-image: url(images/back.png) repeat-y;
background: images/back.png; repeat-y;
Какое свойство нужно добавить в тег img, чтобы получить тень внутри картинки?
img-shadow: inset 0 0 5px #000;
box-shadow: inset 0 0 5px #000;
Какое значение НЕ может быть у border-style?
Перед разработчиком стоит задача: поместить текст в блок 100px х 150px. Блок должен отступать от границ страницы на 10 см сверху и на 5 слева, а текст от границ блока — на 5 пикселей сверху, 15 слева и справа и на 10 снизу. Как правильно реализовать эту задачу?
padding – это отступ содержимого блока от его края, а margin – расстояние от одного блока до другого или до границ страницы
Как правильно писать комментарии в CSS файле?
Какого размера будет текст в теге , если к документу относится стиль из кода ниже?
em — относительная величина, которая позволяет задавать кратные значения размера от базового. Следовательно, значение из body будет удвоено: 14*2=28pt
Как правильно задать тег, который будет описывать класс стиля для элемента div?
Классы задаются с помощью # (#class < >), а идентификаторы — через точку (.id < >)
Как правильно подключить документ с css-стилем в html-файл?
Как объявить стиль для печати?
К какому селектору нужно применить свойство margin, чтобы изменить отступы на всей странице?
Для чего используется символ плюса между селекторами (например, P + B < /* style */ >)?
В приведенном примере стиль будет применяться к тегу b, который будет следовать после тега p в html-коде.
Для управления стилем соседних элементов
Для задания общих правил стиля
Символ плюса не используется
Как задать отдельный стиль для ссылок на домены рунета?
Какой псевдокласс используется для описания стиля, который активируется при нахождении курсора в пределах элемента, но без щелчка по этому элементу?
Похоже, Вы еще только начинаете знакомство с CSS! Не забывайте совмещать изучение теории с практикой, и у Вас обязательно все получится. Удачи! Поделитесь тестом с друзьями и проверьте их уровень знаний CSS!
Вы неплохо разбираетесь в CSS, можете грамотно создавать различные стили для страниц, но какие-то пробелы в знаниях все равно присутствуют. Надеемся, этот тест помог их выявить! Изучите новые темы и потренируйтесь на задачах, у Вас обязательно получится! Поделитесь тестом с друзьями и проверьте их уровень знаний CSS!
Вы — настоящий мастер своего дела, можете создавать необычные стили и оформлять страницы идеально вне зависимости от сложности требований заказчика. Поздравляем! Не забывайте оттачивать свое мастерство, ведь знания CSS очень важны на пути обучения веб-разработке. Поделитесь тестом с друзьями и проверьте их уровень знаний CSS!
Вопросы к экзамену
1.2. HTML. История гипертекста. Возникновение и развитие службы WWW. История браузеров.
1.3. Логическая и физическая структуры веб-сайта.
1.4. Основные этапы разработки веб-сайта.
1.5. Язык HTML. Понятие тега. Атрибуты. Контейнеры. Структура HTML документа.
1.6. Разделы документа HTML, НЕАD, BODY.
1.7. Шапка документа HTML. Теги BASE, ISINDEX, LINK, SCRIPT, STYLE, META.
1.8. Тело HTML-документа. Элементы текстового и блочного уровня.
1.9. Теги логического форматирования HTML документа.
1.10. Физическое форматирование HTML документа.
1.11. Структурное форматирование HTML документа.
1.12. Спецсимволы в HTML документе.
1.13. Гиперссылки в HTML документе.
1.14. HTML-списки: нумерованные, маркированные, вложенные, списки определений.
1.15. HTML-теги для создания таблиц, их атрибуты.
1.16. Изображения в HTML. Карты изображений.
1.17. Принципы работы фреймов. Создание HTML-страницы с фреймами
1.18. Фреймы и их атрибуты. Теги FRAMESET, FRAME, NOFRAMES.
1.19. Взаимодействие фреймов. Плавающие фреймы.
1.20. Аудио и видео на HTML-странице.
1.21. HTML. формы и их атрибуты. POST и GET – запросы.
1.22. Основные элементы управления HTML-форм.
1.23. Кодирование цвета в HTML документе.
1.24. Задание размеров в HTML-документе.
1.25. Инструментальные средства разработки HTML-документов.
2.1. Каскадные таблицы стилей (CSS). Правила CSS. Стили и селекторы. Базовый синтаксис CSS.
2.2. Способы встраивания таблиц стилей в HTML-документ. Связанные, глобальные и внутренние стили.
2.3. Значения стилевых свойств. Строки, числа, проценты, размеры, цвета, адреса, ключевые слова.
2.5. Селекторы классов. Одновременное использование разных классов.
2.6. Селекторы идентификаторов.
2.7. Контекстные (вложенные) селекторы.
2.10. Селекторы атрибутов. Атрибуты со значением.
2.11. Универсальный селектор.
2.12. Селекторы псевдоклассов.
2.13. Селекторы псевдоэлементов.
2.14. Группирование селекторов.
2.15. Наследование CSS-свойств.
2.16. Каскадирование таблиц стилей.
2.17. Свойства CSS для шрифтов и текста.
2.18. Свойства CSS для полей, отступов и границ.
2.19. Свойства CSS для фона и цвета.
2.20. CSS-позиционирование: статическое, абсолютное, фиксированное и относительное размещение.
2.21. Принципы табличной верстки веб-сайта.
2.22. Принципы блочной верстки веб-сайта.
2.23. Верстка веб-сайта на основе графического макета.
2.24. Роль CSS в веб-приложениях.
2.25. Инструментальные средства разработки CSS-таблиц.
3.1. Общие сведения о JavaScript. Способы добавление сценариев JavaScript на веб-страницу.
3.2. Синтаксис JavaScript. Символы-разделители и переводы строк. Комментарии. Литералы. Идентификаторы.
3.3. Переменные JavaScript и их область действия. Операторы языка JavaScript.
3.4. Типы данных в JavaScript.
3.5. Арифметические операторы JavaScript.
3.6. Логические операторы JavaScript.
3.7. Операторы сравнения JavaScript.
3.8. .Операторы цикла и условного перехода JavaScript.
3.9. Ввод и вывод данных средствами JavaScript. Использование методов Alert, Prompt, Confirm.
3.10. Определение и использование функций JavaScript.
3.11. Массивы JavaScript. Объект Array. Индексированные и ассоциативные массивы. Обобщенные объекты.
3.12. Объект Math, его свойства и методы.
3.13. Объект String, его свойства и методы.
3.14. Объект Date, его свойства и методы.
3.15. Язык клиентских сценариев. Иерархия объектов клиентского JavaScript.
3.16. Объекты Location и History.
3.17. Объекты Window, Screen и Navigator.
3.18. Объектная модель документа.
3.19. Сценарии обработки событий. Объект Event и его атрибуты.
3.22. Cобытия фокуса ввода и другие события.
3.23. Доступ к значениям элементов форм.
3.24. Динамический HTML. Способы динамического формирования документов.
3.25. Коллекция frames и динамическое создание фрейма.
1 комментарий на “ Вопросы к экзамену ”
3 Пинги/Обратные ссылки для «Вопросы к экзамену»
imitation gold rolex submariner… You totally amaze me, these are beautiful. See you next weekend!!…
replica alhambra style necklace… A popular leader once said “Wihout the people we are doomed to fail”. The Chimurenga was won by the people with the elected leaders making their opinions realised. With the passage of time and complacency on the peoples part, politicians took advantage…
Добавить комментарий Отменить ответ
Для отправки комментария вы должны авторизоваться.
- brazile : pwp_lab: Прикладное веб-программиров ание (лабы) — открыт новый тренинг, не скидывались лабы, так же скинула вчера на почту, посмотрите, пожалуйста
- brazile : здравствуйте, кидала вам вторую лабораторную в 00:00, скинулось но не отображается, можно вашу почту чтобы скинуть третью?
- arsley123 : Добрый день, скинул 3 лабу, проверьте пожалуйста. Спасибо
- nastyakas : Здравствуйте!не могу скинуть 2 и 3 лабу! 1 лабу отправляла — написано, что все еще выполняется.
- VeraJoan : Здравствуйте! Пашали и Дельмухаметова отправляли Вам 3 лабу, а в задании пишется, что лаба выполняется
- Vladkuz : Не могу скинуть 2 и 3 лабы, в пункте задание все пропало, я открыл новый тренинг Основы интернет технологий и в одной файле приерепляю сразу две лаболаторки, проверьте пожалуйста!
- Adelina335 : Доброго времени суток! Проверьте пожалуйста 2 лабораторную работу.Спасибо!
- tur : AdelinaYa, прикрепите файл с результатами работы к заданию для курса sp_lab
- ek-135 : здравствуйте, хотелось бы узнать результаты 2 лабораторной работы.
- AdelinaYa : Здравствуйте. Выбрала задание по теме «Среды программирования » на курсовую(вместо лабораторной работы). Файл прикрепила к этому заданию.
- datfarr : Здравствуйте! Не могу отправить курсовую , выдает ошибку «Не задан номер записи протокола.»
- tur : Исправил
- Беляева Юлия : то есть У Беляевой — Шадатьянов и Махнаев, у Махнаева — Беляева, Шадатьянов, у Шадатьянова — Беляева, Махнаев. А у Сакаевой кто-то другой)
- Беляева Юлия : здравствуйте! В графе оппоненты у Сакаевой стоят Беляева и Махнаев, а мы у Шадатьянова) Исправьте, пожалуйста)
- Sami11il : Проверьте лабу пожалуйста.
- Nasyrova_Elina : Здравствуйте, утвердите пожалуйста задание на курсовую
- ramosha18 : Здравствуйте, проверьте пожалуйста лабы.
- skillpower : Здравствуйте,про верьте пожалуйста 4 лабораторную работу.
- ramosha18 : Проверьте 2-ую лабораторную пожалуйста
- tur : Отправить мне результаты нужно на следующей неделе, защита с презентацией и оппонентами — через неделю
- tur : Обратите внимание на проектную часть — структурную схему сайта, структуру шаблона
- tur : В пояснительной записке должны содержаться следующие разделы: Цель работы Постановка задачи Теоретическая часть Практическая часть (листинг программы, блок – схема, результаты тестирования программы, файлы html, css, ресурсов) Заключение Выводы Список литературы
- Беляева Юлия : Скажите, пожалуйста, что должна содержать ПЗ к курсовой (сайт с уникальным дизайном)? И когда примерно сдача курсовой работы? Заранее спасибо.
- tur : flash в рамках нашего курса мы не проходили, нужно использовать html
- Беляева Юлия : возможно ли написание flash-сайта для курсовой (сайт с уникальным дизайном)?
- Беляева Юлия : здравствуйте. тоже интересует отправка нескольких лаб. пожалуйста, ответьте)
- datfarr : Здравствуйте! А можно отправить в одном архиве сразу несколько лаб?
- Vladlen_Y : проверьте лабу пожалуйста
- tur : @Aybulat, можно MySQL или SQLite
- Aybulat : В курсовой можно базу данных mysql использовать? Считаю что в моей теме(«Органайзер дела, контакты, задачи») это необходимо.
- Vladlen_Y : проверьте 2 лабораторную пожалуйста
- scorpion_585 : проверьте пожалуйста 1, а то дальше делать не могу
- Aidar : Добрый день. Можно узнать, почему не принята 3 лаба?
- Vladlen_Y : переделал, проверьте снова пожалуйста
- Vladlen_Y : проверьте пожалуйста 2ую лабу!