Search Header Logo

Estilos e Cores no CSS

Information Technology (IT)

10th Grade

Used 1+ times

Estilos e Cores no CSS
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

10 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

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;`

2.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

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; }`

3.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

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

`#12345`

`#12FG34`

`#1a2b3c`

`rgb(255,255,255)`

4.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

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; }`

5.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

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

6.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

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);`

7.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

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;`

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?