Estilos e Cores no CSS

Qual é a sintaxe correta para declarar uma variável global de cor no CSS?

• `color: --primary-color: #3498db;`

• `:root { --primary-color: #3498db; }`

• `body { var-primary-color: #3498db; }`

• `@color --primary-color: #3498db;`

Como você utiliza uma variável CSS chamada `--main-bg` para definir a cor de fundo do body?

• `body { background: var(--main-bg); }`

• `body { background: --main-bg; }`

• `body { background: $main-bg; }`

• `body { background: main-bg; }`

Qual das opções abaixo representa uma cor hexadecimal válida em CSS?

• `#12345`

• `#12FG34`

• `#1a2b3c`

• `rgb(255,255,255)`

Para centralizar todo o conteúdo da página vertical e horizontalmente usando Flexbox no body, qual é a configuração correta?

• `body { display: flex; justify-content: center; align-items: center; height: 100vh; }`

• `body { display: block; margin: auto; }`

• `body { text-align: center; }`

• `body { float: center; }`

Qual é a principal vantagem de usar variáveis CSS para cores em um projeto?

• Reduzir o tamanho do arquivo CSS

• Facilitar a manutenção e alteração das cores do projeto

• Aumentar a complexidade do código

• Tornar o site mais lento

Qual das opções abaixo NÃO é uma forma válida de definir cor no CSS?

• `color: #ff0000;`

• `color: rgb(255, 0, 0);`

• `color: red;`

• `color: (255, 0, 0);`

Se você quiser criar uma variável global para a cor de texto principal, qual seria a melhor prática?

• `:root { --text-color: #222; }`

• `body { --text-color: #222; }`

• `#main { --text-color: #222; }`

• `@color --text-color: #222;`

Qual propriedade CSS é usada para definir a cor do texto?

• `background-color`

• `color`

• `font-color`

• `text-style`

Como você pode sobrescrever uma variável CSS em um elemento específico?

• Declarando a variável novamente dentro do seletor desejado

• Usando `!important` na variável global

• Usando `@override`

• Não é possível sobrescrever variáveis CSS

Qual das opções abaixo centraliza o texto dentro do body?

• `body { text-align: center; }`

• `body { align-items: center; }`

• `body { justify-content: center; }`

• `body { float: center; }`