>
Variáveis CSS são entidades definidas por desenvolvedores, contendo valores específicos para serem reutilizados ao longo do documento. São configuradas usando esta notação (ex: --cor-principal: black; ) e são acessadas usando a funcão var() (ex: color: var(--cor-principal); ) Websites complexos tem uma quantidade muito grande de CSS, com uma quantidade de repetição de valores muito frequente. Por exemplo, a mesma cor pode ser usada em centenas de lugares diferentes, requerindo uma pesquisa global e substituição caso esta cor necessite ser trocada. Variáveis CSS permite um valor ser guardado em um lugar, então ser referenciado em muitos outros lugares. Um benefício adicional é a semântica dos identificadores. Por exemplo --cor-principal-texto é mais facil de ser entendido do que #00ff00, especialmente se esta cor também é usada em outro contexto. Variáveis CSS estão sujeitas ao efeito cascata do css e herdam seus valores de seus pais.
Declaração de variável:
elemento { --cor-bg-principal: brown; }
Utilizando a variável:
elemento { background-color: var(--cor-bg-principal); }
Conheça algumas das vantagens em estudar com a RL System, se tornar um desenvolvedor Full Stak ou DevOps e dar um UP na sua carreira!
Através do Painel do Aluno, você tem acesso de forma simples aos seus cursos, arquivos, certificados e muito mais.
Você tem suporte com nossos instrutores e moderadores em um fórum exclusivo para você tirar suas dúvidas.
Todos os cursos da RL System emitem certificado, apôs uma prova online, comprovando que você realmente aprendeu.
A RL System possui mais de 300 mil alunos e mais de 500 mil certificados emitidos.
Não sabe por onde começar? Temos planos de estudos exclusivos para Membros Gold. Torne-se agora um desenvolvedor Full Stack!
LiveCast semanal, ao vivo e online para tira dúvidas e ensino de novas tecnologias!