blob: d41fb8f1a5317f773743b3fbe7fbfd2af589c139 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
---
title: Pré-processador CSS
slug: Glossario/CSS_preprocessor
tags:
- CSS
- Glossário
translation_of: Glossary/CSS_preprocessor
---
<p><span class="seoSummary">Um <strong>pré-processador CSS</strong> é um programa que permite você gerar {{Glossary("CSS")}} a partir de uma {{Glossary("syntax", "sintaxe")}} única desse pré-processador. Existem muitos pré-processadores CSS para escolha, no entanto, a maioria deles irá adicionar algumas funcionalidades extras que não existem no CSS puro, como um mixin, seletores aninhados, herança de seletores, e assim por diante. Essas funcionalidades fazem a estrutura do CSS mais legível e fácil de manter.</span></p>
<p>Para usar um pré-processador, você deve instalar um compilador CSS no seu servidor web; Ou usar o pré-processador CSS para compilar no ambiente de desenvolvimento, e então fazer upload do arquivo CSS compilado para o servidor web.</p>
<section class="Quick_links" id="Quick_Links">
<ol>
<li>Alguns dos pré-processadores CSS mais populares:
<ol>
<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>
</ol>
</li>
<li><a href="/pt-BR/docs/Glossario">MDN Web Docs Glossário</a>
<ol>
<li>{{Glossary("CSS")}}</li>
</ol>
</li>
</ol>
</section>
|
