HABILIDADES DE PROGRAMAÇÃO

Teste de CSS para contratação

Veja como os candidatos analisam códigos CSS para páginas reais.

10 minutos
15 perguntas
Intermediário
Múltipla escolha
Perguntas em inglês (inglês)
Celular e computador

Use este teste gratuitamente Veja os formatos das questões

A resposta curta

A avaliação de CSS consiste em 15 perguntas de múltipla escolha, com duração de 10 minutos, sobre como ler e escrever CSS para páginas reais. Ela avalia seletores e especificidade, dimensionamento pelo modelo de caixa e layout, recursos modernos de estilização e sintaxe básica. Foi criada para desenvolvedores front-end, desenvolvedores de CSS e interface do usuário, designers web que escrevem código e desenvolvedores full-stack que criam interfaces.

O que mede

Conhecimentos práticos de CSS: seletores e especificidade, modelo de caixa e layout, recursos modernos de estilização e sintaxe básica.

Seletores, especificidade e cascata

Os candidatos analisam seletores e declarações para descobrir qual regra prevalece na cascata.

Layout

As perguntas pedem que os candidatos analisem o dimensionamento pelo modelo de caixa e o posicionamento dos elementos.

Estilização avançada

Os candidatos descobrem o que propriedades personalizadas, funções e consultas de contêiner produzem.

Sintaxe e fundamentos

As perguntas verificam a sintaxe básica de CSS por meio de folhas de estilo curtas e trechos de HTML.

Formatos de pergunta

Múltipla escolha

A pessoa candidata: Lê uma situação, tabela ou afirmação curta e escolhe a resposta correta ou todas as respostas corretas.

Você verá: Se o candidato conhece o conteúdo o suficiente para aplicá-lo, e não apenas reconhecê-lo.

15 questões em 10 minutos, apresentadas uma de cada vez.

Funções para as quais este teste é indicado

Desenvolvedores front-end, desenvolvedores de CSS e interface do usuário, designers web que escrevem código e desenvolvedores full-stack que criam interfaces.

O que esta avaliação de CSS pode mostrar

Evidências além do currículo
Veja como os candidatos interpretam regras de CSS, dimensionamento e posicionamento no código, em vez de depender apenas da descrição da experiência deles.
Uma avaliação focada de habilidades
Use uma avaliação curta para verificar especificidade, layout, estilização moderna e sintaxe antes de decidir o que explorar mais a fundo.
Um ponto de partida comum
Ofereça a todos os candidatos o mesmo formato de 15 perguntas. É permitido usar papel para rascunho, e não é necessária calculadora para calcular as dimensões.
Pergunta útil para fazer na entrevista
Use os resultados para escolher uma amostra de trabalho relevante e perguntar sobre o raciocínio da pessoa candidata.

O que você recebe para cada candidato

Relatório de exemplo (dados fictícios)CSS

68%Percentil 40. Referência: candidatos da HireValid, n = 1.257

Seletores, especificidade e cascata74%

Layout57%

Estilização avançada60%

Sintaxe e fundamentos79%

Integrity ScoreAlta confiança

Permaneceu na aba do teste durante todo o teste
Sem respostas copiadas e coladas
Respondeu em ritmo constante

Pontuações, perfis e sinais de integridade são evidências para você analisar junto com uma entrevista, nunca uma decisão automática.

Use este teste gratuitamente

Estrutura da avaliação e sinais de integridade

Cada tentativa apresenta um conjunto diferente de perguntas, selecionadas de grandes bancos. As perguntas e as opções de resposta aparecem em ordens diferentes, e os candidatos recebem uma pergunta por vez. O cronômetro de 10 minutos é executado no servidor, e os candidatos não podem voltar às perguntas anteriores. Se a página for recarregada, a mesma pergunta será restaurada, com apenas o tempo restante. Não é possível copiar ou selecionar o texto das perguntas. HireValid registra sinais como o tempo fora da aba do teste, colagens nas respostas e respostas dadas mais rápido do que seria possível ler uma pergunta. Um Integrity Score e uma linha do tempo de evidências são fornecidos para análise do empregador; nenhum dos dois decide por conta própria. Saiba como a HireValid cria testes.

Como evitamos fraudes com IA · Sinais de integridade

Use a pontuação como ponto de partida

Considere a pontuação uma evidência a ser analisada por uma pessoa, não uma decisão de contratação. Siga estas etapas:

Analise os resultados sobre seletores e especificidade, layout, estilização moderna e sintaxe.
Combine-os com uma amostra de trabalho em CSS que represente as tarefas de interface da função.
Converse sobre as decisões do candidato em uma entrevista estruturada, considerando a pontuação junto com a amostra de trabalho. Para obter ajuda nessa etapa, consulte nosso guia de entrevistas estruturadas.

Perguntas para entrevistas estruturadas

Como você investigaria uma página em que uma regra de estilo não está sendo aplicada?
Procure uma maneira prática de analisar os seletores relevantes, a especificidade e a cascata, com uma explicação do raciocínio.
Como você abordaria o dimensionamento e o posicionamento de um card no layout de uma página?
Procure uma explicação clara sobre o modelo de caixa e o posicionamento pretendido, em vez de uma definição decorada.
Conte como você usaria uma propriedade personalizada ou uma função em uma tarefa de estilização.
Procure um exemplo de uso concreto e uma explicação do resultado que o CSS produziria.
O que você verificaria quando uma container query não produz o resultado esperado?
Procure uma explicação passo a passo, relacionada ao código e ao layout pretendido.

Entenda as pontuações e os parâmetros de comparação

Equidade e adaptações

As perguntas usam códigos curtos e neutros, com nomes de classes simples e elementos genéricos de páginas, como cards, menus e formulários. Não há expressões idiomáticas, conhecimentos locais nem nomes de marcas. As respostas se baseiam nos padrões atuais de CSS, não nas particularidades de um navegador específico. Uma pergunta sobre cor deve ser respondida com base no código, nunca pela visualização de uma cor renderizada. Todos os candidatos podem usar papel para rascunho, e quaisquer dimensões a calcular usam números inteiros que não exigem calculadora.

Você pode oferecer tempo extra a qualquer candidato como uma adaptação. Os resultados são evidências para uma pessoa analisar, nunca uma decisão automática.

Provisória: a confiabilidade será informada quando 200 candidatos tiverem concluído a avaliação.

Leia sobre nossa abordagem de equidade

Detalhes do teste

Um conjunto curto e cronometrado de perguntas sobre como escrever e ler CSS para páginas reais. Os candidatos analisam folhas de estilo curtas e trechos de HTML para descobrir qual regra prevalece, como os elementos são dimensionados e posicionados e o que recursos modernos, como propriedades personalizadas, funções e consultas de contêiner, produzem.

As perguntas estão em inglês.
Recursos permitidos: Papel para rascunho.
Cada pergunta é respondida uma única vez, em ordem, sem poder voltar.
4 questões para praticar, 3 minutos, antes do teste cronometrado.

Perguntas frequentes

O que a avaliação de CSS mede?+

A avaliação verifica conhecimentos práticos de CSS por meio de folhas de estilo curtas e trechos de HTML. Os candidatos descobrem qual regra prevalece, como os elementos são dimensionados e posicionados e o que recursos modernos, como propriedades personalizadas, funções e consultas de contêiner, produzem.

Quanto tempo dura a avaliação de CSS? Os candidatos podem voltar às perguntas anteriores?+

A avaliação de CSS tem 15 perguntas de múltipla escolha e limite de 10 minutos. Os candidatos não podem voltar a uma pergunta anterior. O conjunto de prática tem 4 perguntas e dura 3 minutos. É permitido usar papel para rascunho.

Para quais cargos a avaliação de CSS é indicada?+

A avaliação foi criada para desenvolvedores front-end, desenvolvedores de CSS e interface do usuário, designers web que escrevem código e desenvolvedores full-stack que criam interfaces. Combine-a com uma amostra de trabalho que represente as tarefas de CSS e layout da função. Você também pode compará-la com o [teste de Angular](/tests/programming-skills/angular) ao contratar para desenvolvimento de interfaces.

Como devo interpretar a pontuação da avaliação de CSS?+

Use o resultado como evidência para análise, não como veredito nem como decisão de contratação isolada. Compare-o com uma amostra de trabalho em CSS e converse sobre as escolhas do candidato em uma entrevista estruturada. Para ideias sobre um processo de contratação atencioso, leia o [guia de contratação que considera a experiência dos candidatos](/guides/candidate-friendly-hiring).