---
title: CSS препроцессор
slug: Glossary/CSS_preprocessor
tags:
  - CSS
  - Glossary
translation_of: Glossary/CSS_preprocessor
original_slug: Словарь/CSS_preprocessor
---
<p><span class="seoSummary">CSS препроцессор (<strong>CSS preprocessor</strong>) - </span>это программа, которая имеет свой собственный синтаксис (<span class="seoSummary">{{Glossary("syntax")}})</span>, но может сгенерировать из него<span class="seoSummary"> {{Glossary("CSS")}} код .</span> Существует множество препроцессоров. Большинство из них расширяет функционал чистого CSS, добавляя такие опции как: примеси, вложенные правила, селекторы наследования и др. Эти особенности облегчают работу с CSS: упрощают чтение кода и его дальнейшую поддержку.</p>

<p>Для использования CSS препроцессора нужно установить CSS компилятор на ваш веб-сервер ({{Glossary("server")}}).</p>

<h2 id="Узнать_больше">Узнать больше</h2>

<h3 id="Общие_знания">Общие знания</h3>

<p>Несколько самых популярных CSS препоцессоров:</p>

<ul>
 <li><a href="http://sass-lang.com/">SASS</a></li>
 <li><a href="http://lesscss.org/">LESS</a></li>
 <li><a href="http://stylus-lang.com/">Stylus</a></li>
 <li><a href="http://postcss.org/">PostCSS</a></li>
</ul>