School PHP

Урок 4: Less - предпроцессор CSS. Переменные, примеси, функции и вложенности. Работа в PHPStorm

План:

  • Less - предпроцессор CSS
  • Переменные
  • Примеси
  • Функции
  • Условные операторы
  • Вложенности
Доступ к видео-уроку, а так же к домашним заданиям и дополнительному материалу откроется после оплаты за урок или курс.

Описание:

Less - предпроцессор CSS, который представляет следующий механизм: мы пишем .less файл, а потом запускаем компилятор, который LESS-код переконвертирует (компилирует) в CSS. Сам CSS файл мы уже подключаем на странице.

На простом языке - мы пишем тот же CSS файл, но с расширенными возможностями, которые упрощают нам написание кода и избавляют от *нудного копипаста*.

Благодаря поддержки LESS в PHPStorm работать стало ещё проще, нам достаточно создать файл с расширением .less, написать код и сохранить. При правильной настройке во время сохранения изменений файла .less будет автоматически создан файл с расширением .css.

Но LESS не единственный предпроцессор, его конкуренты - SASS, STYLUS, и они так же хороши. В данном уроке мы изучим только LESS, нет смысла учить ВСЁ, просто несколько конкурирующих технологий, работающих по одной и той же схеме. Почему именно LESS, а не SASS? Просто так сложились звёзды, глянул разницу и остановился на том, чей синтаксис показался милее моим глазам.
Войти | Регистрация