wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Основы SASS и LESS

Total questions: 14

Worksheet time: 7mins

Name
Class
Date
1.

Что такое SASS и как он отличается от CSS?

a)

CSS - это препроцессор, который добавляет переменные и функции вложенности.

b)

SASS и CSS - это одно и то же и могут использоваться взаимозаменяемо.

c)

SASS - это язык программирования, используемый для веб-разработки.

d)

SASS - это препроцессор CSS, который добавляет такие функции, как переменные и вложенность, в то время как CSS - это стандартный язык таблиц стилей.

2.

Каковы основные преимущества использования SASS?

a)

Поддержка только одного файла стилей

b)

Автоматическая оптимизация изображений

c)

Упрощение кода с помощью CSS Grid

d)

Основные преимущества использования SASS: переменные, вложенные правила, миксины и функции.

3.

Что такое LESS и в чем его особенности?

a)

LESS - это язык программирования для создания веб-приложений.

b)

LESS - это библиотека JavaScript для работы с графикой.

c)

LESS - это система управления версиями для CSS файлов.

d)

LESS - это препроцессор CSS, который добавляет функциональность, такую как переменные и вложенные правила.

4.

Каковы основные преимущества использования LESS?

a)

Упрощение кода без использования переменных

b)

Основные преимущества использования LESS: улучшенная организация кода, возможность использования переменных, миксинов и функций.

c)

Отсутствие поддержки миксинов

d)

Увеличение времени загрузки страницы

5.

Как объявить переменную в SASS?

a)

let имя_переменной: значение;

b)

$имя_переменной: значение;

c)

var имя_переменной: значение;

d)

имя_переменной = значение;

6.

Как использовать переменные в SASS?

a)

Переменные в SASS не могут хранить значения, только цвета.

b)

Переменные в SASS объявляются с помощью '#' и используются для комментариев.

c)

Переменные в SASS объявляются с помощью '$' и используются для хранения значений, которые можно применять в стилях.

d)

Переменные в SASS объявляются с помощью '@' и используются для создания функций.

7.

Как объявить переменную в LESS?

a)

@имя_переменной: значение;

b)

имя_переменной = значение;

c)

let имя_переменной = значение;

d)

var имя_переменной: значение;

8.

Как использовать переменные в LESS?

a)

Переменные в LESS объявляются с '#' и используются по значению.

b)

Переменные в LESS объявляются с '@' и используются по имени.

c)

Переменные в LESS не поддерживаются и не могут быть использованы.

d)

Переменные в LESS объявляются с '$' и используются по индексу.

9.

Что такое миксины в LESS и как их использовать?

a)

Миксины в LESS - это специальные селекторы для анимации.

b)

Миксины в LESS - это переменные для хранения цветов.

c)

Миксины в LESS - это повторно используемые наборы стилей, которые применяются к селекторам с помощью @include.

d)

Миксины в LESS - это функции для вычисления значений.

10.

Как создать миксин в LESS?

a)

Создание стиля в LESS: .styleName { /* стили */ }

b)

Определение переменной в LESS: @variableName: value;

c)

Использование функции в LESS: .functionName() { return value; }

d)

Создание миксина в LESS: .mixinName() { /* стили */ }

11.

Что такое наследование в SASS?

a)

Наследование в SASS - это метод оптимизации кода.

b)

Наследование в SASS - это механизм, позволяющий одному селектору наследовать стили другого селектора.

c)

Наследование в SASS - это функция для удаления стилей.

d)

Наследование в SASS - это способ создания новых селекторов.

12.

Как реализовать наследование в SASS?

a)

Используйте `@import` для наследования стилей в SASS.

b)

Применяйте `@mixin` для создания новых стилей в SASS.

c)

Используйте `@media` для управления стилями в SASS.

d)

Используйте `@extend` для наследования стилей в SASS.

13.

Какие функции доступны в LESS?

a)

Функции для работы с базами данных.

b)

Функции для создания анимаций и эффектов.

c)

Функции для работы с изображениями и видео.

d)

Функции для работы с цветами, математикой, строками и списками.

14.

Как создать свою функцию в LESS?

a)

@function myFunction{ return $param / 2; }

b)

@function myFunction($param) { $param + 2; }

c)

@function myFunction($param) { return; }

d)

@function myFunction($param) { return $param * 2; }