Этот тест предназначен для оценки ваших знаний и навыков в Cascading Style Sheets (CSS), фундаментальном языке стилизации веб-страниц. CSS позволяет контролировать внешний вид и расположение элементов на веб-сайте, делая его привлекательным и удобным для пользователя. Цель теста: Оценить ваш уровень владения основными и продвинутыми концепциями CSS. Выявить области, в которых ваши знания CSS могут быть улучшены. Предоставить вам персонализированные рекомендации для дальнейшего обучения и развития в веб-разработке. Для кого этот тест? Этот тест подходит для: Начинающих веб-разработчиков, которые только начинают изучать CSS. Фронтенд-разработчиков, желающих проверить и углубить свои знания CSS. Веб-дизайнеров, стремящихся лучше понять технические аспекты стилизации веб-страниц. Всех, кто интересуется веб-разработкой и хочет проверить свои знания CSS. Что вы узнаете или получите после прохождения теста? После прохождения теста вы получите: Объективную оценку вашего уровня знаний CSS в процентном соотношении. Детальный разбор ваших результатов с указанием правильных ответов и объяснениями к каждому вопросу. Персональные рекомендации по дальнейшему изучению CSS, основанные на ваших результатах в различных категориях. Основы CSS: Селекторы, синтаксис, каскадность, специфичность. Блочная модель: Отступы, границы, размеры элементов. Работа с текстом и типографикой: Шрифты, размеры, стили текста. Позиционирование и макеты: Flexbox, Grid, position, float. Адаптивный дизайн и медиазапросы: Создание веб-сайтов, корректно отображающихся на разных устройствах. Понимание своих сильных и слабых сторон в CSS, что поможет вам сфокусироваться на дальнейшем обучении. Тест состоит из 30 вопросов различных типов (одиночный и множественный выбор), охватывающих основные аспекты CSS. Внимательно читайте вопросы и варианты ответов. Удачи! Категории вопросов в тесте: Основы CSS Блочная модель Типографика Позиционирование Адаптивность Начать тестДалее Шаг 1 из 30 Какой селектор CSS используется для выбора всех элементов абзаца `<p>` на веб-странице? .pp#pparagraph ДалееДалее Шаг 2 из 30 Какие из перечисленных свойств CSS используются для управления внутренними отступами элемента? marginpaddingborderinner-spacing НазадНазад ДалееДалее Шаг 3 из 30 Какое значение свойства `display` скрывает элемент из визуального отображения на странице, но при этом элемент продолжает занимать место в потоке документа? display: none;opacity: 0;display: invisible;visibility: hidden; НазадНазад ДалееДалее Шаг 4 из 30 Какие единицы измерения в CSS являются относительными? px (пиксели)emremcm (сантиметры) НазадНазад ДалееДалее Шаг 5 из 30 Какое свойство CSS используется для изменения цвета текста? text-colorfont-colorcolorforeground-color НазадНазад ДалееДалее Шаг 6 из 30 Что такое каскадность в CSS? Порядок применения стилей, где стили из внешних таблиц стилей имеют больший приоритет.Процесс наследования свойств CSS от родительских элементов к дочерним.Механизм разрешения конфликтов стилей, когда к одному элементу применяются разные стили из разных источников.Способ задания нескольких стилей CSS в одной строке кода. НазадНазад ДалееДалее Шаг 7 из 30 Какие значения может принимать свойство `position`? staticrelativeabsolutefixedinherit НазадНазад ДалееДалее Шаг 8 из 30 Что такое CSS Flexbox? Модуль CSS для создания сложных сеток веб-страниц.Модуль CSS для создания гибких и адаптивных макетов в одном измерении (строке или столбце).JavaScript-библиотека для работы с анимациями в CSS.Фреймворк CSS для быстрой разработки пользовательских интерфейсов. НазадНазад ДалееДалее Шаг 9 из 30 Какое свойство CSS используется для установки размера шрифта текста? text-sizefont-sizetext-font-sizesize-font НазадНазад ДалееДалее Шаг 10 из 30 Что такое медиазапросы в CSS? CSS-селекторы для выбора медиафайлов (изображений, видео).Функция CSS для загрузки медиафайлов на веб-страницу.Техника CSS, позволяющая применять стили в зависимости от характеристик устройства, на котором просматривается страница (например, размер экрана).Способ задания стилей для печати веб-страницы. НазадНазад ДалееДалее Шаг 11 из 30 Какие свойства CSS используются для управления внешними отступами элемента? padding-topmargin-leftmargin-rightpadding-bottommargin-top НазадНазад ДалееДалее Шаг 12 из 30 Какой селектор CSS имеет наивысшую специфичность? Селектор класса (.class)Селектор тега (p)Инлайновые стили (style="...")Селектор ID (#id) НазадНазад ДалееДалее Шаг 13 из 30 Для чего используется свойство `z-index` в CSS? Для изменения размера элемента по оси Z.Для создания трехмерных эффектов в CSS.Для задания глубины тени элемента.Для управления порядком наложения элементов, позиционированных абсолютно или относительно. НазадНазад ДалееДалее Шаг 14 из 30 Какие форматы файлов шрифтов поддерживаются для веб-шрифтов в CSS? TTF (TrueType Font)OTF (OpenType Font)WOFF (Web Open Font Format)SVG (Scalable Vector Graphics)GIF (Graphics Interchange Format) НазадНазад ДалееДалее Шаг 15 из 30 Какое значение свойства `display` используется для создания блочных элементов, которые располагаются в строку, но могут занимать только необходимую ширину? blockinlineinline-blockflex НазадНазад ДалееДалее Шаг 16 из 30 Что такое CSS Grid Layout? Модуль CSS для создания анимаций и эффектов.Модуль CSS для создания двумерных сеточных макетов.Фреймворк CSS для создания адаптивных изображений.JavaScript-библиотека для работы с CSS. НазадНазад ДалееДалее Шаг 17 из 30 Какой псевдокласс CSS используется для стилизации ссылки в состоянии наведения курсора мыши? :active:visited:hover:focus НазадНазад ДалееДалее Шаг 18 из 30 Какие свойства CSS можно использовать для создания тени у блока? text-shadowbox-shadowelement-shadowdrop-shadow НазадНазад ДалееДалее Шаг 19 из 30 Как можно подключить внешнюю таблицу стилей CSS к HTML-документу? Используя атрибут `style` в HTML-теге.Используя элемент `<css>` в `<head>` секции.Используя JavaScript для динамической загрузки CSS.Используя элемент `<link>` с атрибутом `rel="stylesheet"` в `<head>` секции. НазадНазад ДалееДалее Шаг 20 из 30 Для чего используется свойство `overflow` в CSS? Для создания эффекта перекрытия элементов.Для управления поведением содержимого, выходящего за пределы границ элемента.Для задания прозрачности элемента.Для изменения порядка элементов в Flexbox или Grid. НазадНазад ДалееДалее Шаг 21 из 30 Какие значения может принимать свойство `font-weight`? bolditaliclighternormaluppercase НазадНазад ДалееДалее Шаг 22 из 30 Что делает свойство `float` в CSS? Выравнивает текст по правому или левому краю.Перемещает элемент влево или вправо внутри контейнера, позволяя другим элементам обтекать его.Делает элемент плавающим над другими элементами.Создает анимацию плавного появления элемента. НазадНазад ДалееДалее Шаг 23 из 30 Какой селектор CSS используется для выбора первого дочернего элемента внутри другого элемента? :first-child:first-of-type:only-child:nth-child(1) НазадНазад ДалееДалее Шаг 24 из 30 Что такое вендорные префиксы в CSS? Специальные символы для комментирования CSS кода.Префиксы, добавляемые к CSS свойствам для поддержки браузерами экспериментальных или нестандартных функций.Префиксы для задания приоритета CSS селекторам.Префиксы для указания версии CSS. НазадНазад ДалееДалее Шаг 25 из 30 Какие свойства CSS используются для управления интерлиньяжем (расстоянием между строками текста)? word-spacingletter-spacingline-heighttext-height НазадНазад ДалееДалее Шаг 26 из 30 Какой селектор атрибутов CSS выберет все элементы `<a>` с атрибутом `target`? a[target]a.targeta#targeta > target НазадНазад ДалееДалее Шаг 27 из 30 Что такое псевдоэлементы в CSS? Элементы HTML, которые не отображаются на странице.CSS селекторы для выбора элементов с определенными атрибутами.Ключевые слова, используемые для создания виртуальных элементов внутри элемента, которые можно стилизовать.Альтернативное название для класса CSS. НазадНазад ДалееДалее Шаг 28 из 30 Какие CSS свойства используются для создания анимаций? transitiontransformanimationeffect НазадНазад ДалееДалее Шаг 29 из 30 В чем разница между `reset CSS` и `normalize CSS`? `Reset CSS` убирает все стили браузера по умолчанию, а `normalize CSS` делает стили браузеров более согласованными.`Normalize CSS` убирает все стили браузера по умолчанию, а `reset CSS` делает стили браузеров более согласованными.`Reset CSS` более современный подход, чем `normalize CSS`.Оба подхода делают одно и то же, разница только в названии. НазадНазад ДалееДалее Шаг 30 из 30 Для чего используется viewport meta tag в HTML? Для подключения внешних таблиц стилей CSS.Для управления масштабированием страницы пользователем.Для управления отображением страницы на разных устройствах, особенно мобильных, задавая ширину viewport.Для задания цветовой схемы сайта. НазадНазад ДалееДалее Поздравляем, вы ответили на все вопросы! Показать результатыПоказать результаты