--- 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>