Викторина по CSS-препроцессорам

Что такое CSS-препроцессоры?

• Инструменты, улучшающие работу с <style></style>

• Инструменты, улучшающие JavaScript код

• Инструменты, расширяющие возможности CSS с новыми синтаксическими конструкциями

• Инструменты, оптимизирующие HTML структуру

Какие основные препроцессоры существуют?

• Sass, Less, SCSS и Stylus

• Java, Python, C++ и Ruby

• HTML, CSS, JavaScript и PHP

• React, Angular, Vue и Svelte

Какая причина использования препроцессоров в CSS?

• Увеличение возможностей VS Code и ускорение работы

• Улучшение JavaScript и оптимизация HTML

• Уменьшение возможностей CSS и упрощение структуры

• Увеличение возможностей CSS и поддержка миксинов

Чем похожи миксины в препроцессорах на другие языки программирования?

• На циклы

• На переменные

• На функции

• На условия

Что делает миксин @mixin media($widthName) в SCSS?

• Создаёт цветовые схемы

• Создаёт анимации для элементов

• Создаёт медиавыражения для разных ширин экранов

• Создаёт переменные для шрифтов

Какой оператор используется в SCSS для связывания родительского селектора с псевдоклассом?

• &

• *

• +

• ~

Какие переменные используются в SCSS для хранения значений свойств?

• $var

• @var

• %var

• #var

Какой CSS-код будет скомпилирован из следующего SCSS кода?

• 
• 
• 
• 

Какой CSS-код будет скомпилирован из следующего SCSS кода?

• 
• 
• 
• 

Какие преимущества предоставляют препроцессоры при работе с CSS?

• Удобное хранение повторяющихся значений в переменных

• Возможность использовать математические вычисления

• Все вышеперечисленное

• Вложенность стилей для удобства чтения