1
resposta

Não entendi a pergunta e erro

quero saber a resposta porque não entendi a pergunta

1 resposta

Olá, Glendadelfy!

Não se preocupe, é um conceito que pode ser um pouco confuso no início, mas com a prática se torna mais claro.

A atividade está pedindo para que você declare uma variável no CSS que armazene a cor azul escuro (representada pelo hexadecimal #191970). Assim, ao invés de repetir esse código de cor em várias partes do seu CSS, você pode simplesmente usar a variável, e esse que o principal propósito da variavvel no CSS facilitar e evitar muitas repetições.

A declaração de uma variável no CSS é feita da seguinte maneira:

  1. Primeiro, você precisa abrir o bloco de estilo do elemento raiz do seu documento, que é geralmente o :root. Ficaria assim: :root {.

  2. Em seguida, você declara a variável. No CSS, as variáveis são declaradas com dois hífens na frente do nome. Por exemplo, se quisermos criar uma variável chamada cor-principal, faríamos assim: --cor-principal:.

  3. Depois, você atribui o valor à variável. No seu caso, o valor é a cor azul escuro, representada pelo hexadecimal #191970. Então, ficaria assim: ``.

  4. Por fim, você fecha o bloco de estilo com uma chave }.

Juntando tudo, a declaração da variável ficaria assim:

:root {
  --cor-botao-e-titulo #191970;
}

Depois de declarada, você pode usar a variável em qualquer lugar do seu CSS, simplesmente fazendo var(--cor-principal).

Sendo assim a resposta da atividade é:

  • :root { | --cor-principal: | #191970; | }

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software