• Теория
  • Теория

Введение

CSS-препроцессоры — это «программистский» подход к CSS. Они позволяют при написании стилей использовать свойственные языкам программирования приёмы и конструкции: переменные, вложенность, наследуемость, циклы, функции и математические операции. Синтаксис препроцессоров похож на обычный CSS. Код, написанный на языке препроцессора, не используется прямо в браузере, а преобразуется в чистый CSS-код с помощью специальных библиотек.

Три самых известных препроцессора — это Less, SASS и Stylus. Они во многом похожи между собой, но имеют и ключевые различия. В этом и последующих частях цикла мы рассмотрим препроцессор Less.

в тренажёре по Less мы будем шаг за шагом строить небольшой велосипед фреймворк компонентов. Когда он будет готов, мы сможем собирать из компонентов цельные интерфейсы. Компонентный подход позволяет структурировать большие объёмы кода и легко масштабировать проекты. Препроцессор в этом деле — хорошее подспорье.

В этом тренажёре редактор CSS заменён на редактор Less. Чтобы увидеть скомпилированный из Less кода CSS код, можете использовать кнопку CSS в правом верхнем углу редактора.

Итак, теперь вы знаете всё, чтобы начать!

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. Только 6 дней цена 18 900 ₽22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с Less» тренажёра «Инструменты автоматизации: препроцессор» можно после регистрации и оформления подписки.