Pegadinhas nas respostas. | HTML e CSS: Classes, posicionamento e Flexbox

Pegadinhas nas respostas.

Você aprendeu sobre a importância de resetar o CSS antes de estilizar qualquer elemento de uma página, pois essa parte do código limpa todos os padrões dos navegadores. Diante disso, analise o erro do código abaixo e marque a alternativa que indique a sintaxe correta do reset.

{ margin: 100; border: 100; }

Alternativa A:

{ padding: 100; border: 100; }

Alternativa B:

{ margin: 0; border: 0; }

Errado! Uma das propriedades declaradas não integra o conjunto correto para o reset efetivo do CSS.

Alternativa C:

{ margin: 0; padding: 0; }

Os seus vídeos não estão batendo com as respostas. Nessa questão., corrigi o erro de margin: 100; com border: 100; para margin: 0; e border: 0; mas a resposta escreveu errado, porque quer que mostre o margin: 0; com o padding: 0; do vídeo. Vocês podem melhoras as questões, por favor?

Olá Everton! Tudo bem?

Na verdade, essa questão tem o intuito de trabalhar o pensamento crítico e levar os estudantes a refletir sobre reutilização e eficiência de códigos, ou seja, aqui a ideia era levar a resposta:

* {
    margin: 0;
    padding: 0;
}

Basicamente, quando pensamos em resetar o CSS, devemos resetar as propriedades que em sua maioria podem atrapalhar a visualização e experiência dos usuários.

E as propriedades que mais tem impacto nesse caso é margin e o padding, o border na maioria das vezes, e na maioria dos navegadores não é tão gritante em todos os elementos. Assim, como a própria explicação do exercício já explicou "Uma das propriedades declaradas não integra o conjunto correto para o reset efetivo do CSS.", pensando no quesito "Usabilidade" e "Eficiência", o border não precisa ser alterado, pois ele quase não atrapalha na maioria das tags usadas em um projeto, já o margin e o padding sim.

Mas se formos ir ainda mais a fundo, é fato que usar um arquivo CSS pronto é muito mais fácil, rápido e eficiente do que escrever e desenvolver a mão um reset.css em todos os projetos que você fizer. Por isso deixo abaixo alguns links sobre o assunto e alguns exemplos ótimos para você dar uma olhada:

Era isso, se precisar conte com o fórum!

Abraços e bons estudos.

Caso este post tenha lhe ajudado, por favor marque ele como solução! ✓

Mergulhe em programação