---
title: Preprocesador CSS
slug: Glossary/Preprocesador_CSS
translation_of: Glossary/CSS_preprocessor
---
<p><span class="seoSummary">Un preprocesador CSS es un programa que te permite generar {{Glossary("CSS")}} a partir de la {{Glossary("syntax")}} única del preprocesador. </span>Existen varios preprocesadores CSS de los cuales escoger, sin embargo la mayoría de preprocesadores CSS añadiran algunas características que no existen en CSS puro, como {{Glossary("variable")}}, mixins, selectores anidados, entre otros. Estas características hacen la estructura de CSS más legible y fácil de mantener.</p>

<p>Para utilizar un preprocesador CSS debes instalar un compilador CSS en tu web  {{Glossary("server")}}.</p>

<h2 id="Aprende_más">Aprende más</h2>

<h3 id="Conocimiento_general">Conocimiento general</h3>

<p>Estos son algunos de lo preprocesadores CSS más populares:</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>