Вход / Регистрация
Вход
Урок 4: Less - предпроцессор CSS. Переменные, примеси, функции и вложенности. Работа в PHPStorm
План:
- Less - предпроцессор CSS
- Переменные
- Примеси
- Функции
- Условные операторы
- Вложенности
Купить курс 100 $
Доступ к видео-уроку, а так же к домашним заданиям и дополнительному материалу откроется после оплаты за урок или курс.
Описание:
Less - предпроцессор CSS, который представляет следующий механизм: мы пишем .less файл, а потом запускаем компилятор, который LESS-код переконвертирует (компилирует) в CSS. Сам CSS файл мы уже подключаем на странице.
На простом языке - мы пишем тот же CSS файл, но с расширенными возможностями, которые упрощают нам написание кода и избавляют от *нудного копипаста*.
Благодаря поддержки LESS в PHPStorm работать стало ещё проще, нам достаточно создать файл с расширением .less, написать код и сохранить. При правильной настройке во время сохранения изменений файла .less будет автоматически создан файл с расширением .css.
Но LESS не единственный предпроцессор, его конкуренты - SASS, STYLUS, и они так же хороши. В данном уроке мы изучим только LESS, нет смысла учить ВСЁ, просто несколько конкурирующих технологий, работающих по одной и той же схеме. Почему именно LESS, а не SASS? Просто так сложились звёзды, глянул разницу и остановился на том, чей синтаксис показался милее моим глазам.
На простом языке - мы пишем тот же CSS файл, но с расширенными возможностями, которые упрощают нам написание кода и избавляют от *нудного копипаста*.
Благодаря поддержки LESS в PHPStorm работать стало ещё проще, нам достаточно создать файл с расширением .less, написать код и сохранить. При правильной настройке во время сохранения изменений файла .less будет автоматически создан файл с расширением .css.
Но LESS не единственный предпроцессор, его конкуренты - SASS, STYLUS, и они так же хороши. В данном уроке мы изучим только LESS, нет смысла учить ВСЁ, просто несколько конкурирующих технологий, работающих по одной и той же схеме. Почему именно LESS, а не SASS? Просто так сложились звёзды, глянул разницу и остановился на том, чей синтаксис показался милее моим глазам.