Тест по CSS
Проверьте свои знания CSS — от селекторов и специфичности до Flexbox, Grid и современных анимаций. Пройдите тест и узнайте, насколько уверенно вы владеете стилизацией веб-страниц.
Селекторы, Flexbox, Grid, анимации, адаптивная вёрстка и специфичность
О тесте
Бесплатный онлайн-тест по CSS предлагает три уровня сложности: лёгкий (10 вопросов за 10 минут), средний (15 вопросов за 15 минут) и продвинутый (20 вопросов за 20 минут). Вопросы на каждом уровне уникальны и не повторяются — от базовых свойств до сложных техник адаптивной и кроссбраузерной вёрстки.
Что проверяет тест
На лёгком уровне проверяются базовые селекторы, свойства текста и фона, блочная модель (box model) и единицы измерения. Средний уровень охватывает Flexbox, позиционирование, псевдоклассы и псевдоэлементы, каскадность и специфичность, а также медиа-запросы для адаптивной вёрстки. Продвинутый уровень проверяет CSS Grid, кастомные свойства (CSS Variables), анимации и переходы, контейнерные запросы, логические свойства и современные функции вроде clamp(), has() и :where().
После теста вы получите количество правильных ответов, процент и оценку — это покажет, какие области CSS вы знаете отлично, а какие стоит подтянуть.
Кому подойдёт
- Начинающим верстальщикам — чтобы проверить понимание основ стилизации и блочной модели.
- Фронтенд-разработчикам — для оценки глубины знаний Flexbox, Grid и современных CSS-техник.
- Перед собеседованием — продвинутый уровень содержит вопросы, которые часто задают на интервью по вёрстке.
- HR-специалистам — отправьте ссылку кандидату для быстрой проверки навыков CSS перед интервью.
Как проходит тестирование
Выберите уровень, нажмите «Начать тест» — и сразу приступайте. Вопросы идут по одному, варианты ответов перемешиваются. Регистрация не нужна, результат виден мгновенно. Возвращайтесь к тесту, чтобы закреплять знания по CSS.