A primeira escola especializada em tecnologia do Alto Solimões, com corpo técnico formado na área.

A trilha
Projetos
Quem somos
Impacto
Para instituições
Blog

WhatsApp Avise quando abrir a turma

Início
Cursos livres
CSS do zero
Módulo 5: Organizar, contrastar e publicar

Fecho de módulo

Módulo 5: Organizar, contrastar e publicar

18 perguntas das 3 aulas deste módulo.

Revise o módulo

Errar aqui não custa nada - a explicação vem junto da correção, e dá para responder quantas vezes quiser.

Pergunta 1 de 18

Por que `.destaque` é um nome melhor que `.verde`?

Porque nomes em português são mais legíveis na equipeAPorque continua verdadeiro quando a cor mudarBPorque `.verde` conflita com classes de frameworksCPorque nomes curtos deixam o arquivo mais leveD

Qual é a ordem das seções de uma folha bem organizada?

Por frequência de uso, com as mais editadas no topoAAlfabética pelo nome da classe, para achar rápidoBDo específico ao geral, para o componente sempre vencerCDo geral ao específico: reset, tokens, base, layout, componentesD

O que a convenção BEM comunica só pelo nome da classe?

A seção do arquivo em que a regra moraAA ordem em que as regras devem ser aplicadasBO elemento HTML a que a classe se destinaCBloco, parte do bloco e variação deleD

Para que serve `@layer`?

Agrupar regras que só valem em determinada media queryADeclarar a precedência entre partes da folha, acima da especificidadeBImportar arquivos de estilo na ordem declaradaCEmpilhar elementos na tela, substituindo o `z-index`D

O que um comentário de CSS deve registrar?

Quais navegadores foram testados com elaAPor que a regra existe, e o defeito que ela evitaBO que a regra faz, para quem lê rápidoCQuem escreveu e em que dataD

Quando vale dividir a folha do portfólio em vários arquivos?

Sempre: um arquivo por componente é a boa práticaASó quando houver mais de um tema de coresBRaramente: `@import` custa uma ida ao servidor por arquivoCA partir de cinquenta linhas, para nunca crescer demaisD

Qual é a exigência de contraste da WCAG nível AA para texto normal?

7:1, caindo para 4,5:1 no texto grandeA3:1, o mesmo do texto grandeB4,5:1, caindo para 3:1 no texto grandeC4,5:1, subindo para 7:1 no texto grandeD

Por que `#6ee7a5` serve de realce no tema escuro e não no claro?

Porque o navegador ajusta a saturação no tema claroAPorque o tema claro exige cores com mais saturaçãoBPorque o matiz do verde muda conforme o fundoCPorque um tom claro contrasta com fundo escuro e some no claroD

Por que o fundo escuro do portfólio é `#0e1116` e não `#000000`?

Porque `#000` não é aceito em `prefers-color-scheme`APorque preto puro com branco dá 21:1, e essa vibração cansaBPorque preto puro consome mais bateria em telas OLEDCPorque preto puro reduz o contraste das cores de realceD

No tema escuro, o que separa visualmente um cartão do fundo?

A diferença de tamanho entre o cartão e o blocoAUm contorno pontilhado de um pixelBUma sombra projetada, como no tema claroCUma superfície mais clara e uma borda de baixa opacidadeD

O que `color-scheme: light dark` comunica ao navegador?

Que a página prefere o tema escuro quando houver escolhaAQue a página atende aos dois, para ele adaptar o que desenhaBQue a página tem um botão para alternar entre os temasCQue a página troca de tema conforme a hora do diaD

No selo de projeto, a cor pode ser a única diferença entre "no ar" e "arquivado"?

Não, a menos que haja uma legenda no rodapé da páginaAPode, desde que uma delas seja o verde de realceBNão: a informação precisa estar escrita, e a cor reforçaCPode, desde que as duas cores tenham 3:1 entre siD

Qual teste revela problema de **estrutura**, e não de aparência?

Alternar o tema do sistema e reler os textosADesligar o CSS e ver se a página ainda faz sentidoBMedir o contraste de cada par de cores da paletaCEstreitar a janela até 320px e procurar transbordoD

O portfólio está bom, mas não perfeito. Publicar agora é:

indiferente: sem divulgação, publicar não muda nadaAarriscado: republicar depois derruba o endereço por um tempoBcedo: uma página incompleta prejudica mais do que ajudaCacertado: o endereço no ar é o que faz o próximo passo acontecerD

Em quantas larguras vale conferir o portfólio antes de publicar?

Uma, a do aparelho que você mais usaAPelo menos três: 320px, 768px e 1280pxBNenhuma, se o layout usa `auto-fit` e `clamp`CCinco, uma para cada aparelho da lista do emuladorD

Uma regra parou de funcionar depois que você reorganizou a folha nas seis seções. O que ela indica?

Que a seção nova está em ordem alfabética erradaAQue faltou reordenar as media queries juntoBQue a reorganização apagou uma declaração por enganoCQue a regra dependia de um empate resolvido pela ordem antigaD

Quantas linhas de CSS um portfólio de seis páginas costuma precisar, escrito à mão?

Cerca de cinquenta, se o HTML for bem semânticoAAlguns milhares, como num projeto profissionalBCerca de trezentas, num arquivo comentadoCNenhuma, se você usar um framework de utilitáriosD

Antes de mandar o link, onde abrir o portfólio publicado?

No emulador do navegador, que cobre todos os aparelhosANo monitor em que ele foi construído, para conferir o layoutBNo seu celular, fora do Wi-Fi, nos dados móveisCEm dois navegadores diferentes do mesmo computadorD

Maiyu Academy

A primeira escola especializada em tecnologia do Alto Solimões, com corpo técnico formado na área.

Aulas presenciais aos sábados em Benjamin Constant, no CETI Aristélio Sabino de Oliveira.

Benjamin Constant, AM, Brasil

Cursos

Robótica Desenvolvimento web A trilha inteira Cursos livres e gratuitos

A escola

Quem somos Impacto Projetos Para instituições Blog

Contato

(97) 98431-7149 maiyu.academy

Privacidade Termos de uso