Variáveis
Parte da seção Practical Frontend do Journey de HTML da Coddy — lição 1 de 35.
À medida que você cria sites maiores e mais complexos, gerenciar cores, tamanhos ou fontes repetidos torna-se mais difícil. Alterar um único valor significa atualizar muitos lugares.
Variáveis CSS permitem que você salve esses valores como nomes (como --main-color) e reutilize-os em todo o seu CSS. Altere a variável uma vez e ela será atualizada em todos os lugares automaticamente.
Eles são muito úteis para manter o código limpo e consistente, e muitos desenvolvedores os usam para construir sites modernos.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Folha de consulta
As variáveis CSS permitem salvar valores como nomes e reutilizá-los em todo o seu CSS. Elas ajudam a manter o código limpo e consistente.
Defina variáveis com o prefixo -- e use-as com var():
:root {
--main-color: blue;
}
.element {
color: var(--main-color);
}Altere a variável uma vez e ela será atualizada em todos os lugares automaticamente.
Experimente você mesmo
Esta lição não inclui um desafio de código.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.