Tendo em vista que existem diferentes tipos de unidades de m...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
A alternativa correta é a B - "A unidade de medida "rem" é relativa ao tamanho da fonte do elemento irmão anterior". Esta afirmação é incorreta porque na verdade a unidade "rem" é relativa ao tamanho da fonte do elemento raiz do documento HTML, que normalmente é o tamanho de fonte definido no elemento <html>.
Vamos explorar um pouco mais sobre o tema para fortalecer seu entendimento. Unidades de medida relativas são muito úteis em design responsivo, pois elas permitem que os elementos da página se ajustem de acordo com diferentes condições, como o tamanho da tela do dispositivo ou as preferências do usuário.
- A unidade "em" é baseada no tamanho da fonte do elemento pai. Se você alterar o tamanho da fonte do elemento pai, o tamanho em "em" também mudará proporcionalmente.
- A unidade "rem", ou "root em", é baseada no tamanho da fonte do elemento raiz, que é o elemento <html>. Isso proporciona uma forma mais consistente de escalar o tamanho da fonte em toda a página.
- As unidades "vh" (viewport height) e "vw" (viewport width) são baseadas em porcentagens da altura e largura da janela de visualização, respectivamente.
- A unidade "%" é relativa ao elemento pai e é usada para definir tamanhos de elementos como largura, altura, margens e preenchimento, entre outros, como uma porcentagem do tamanho do elemento pai.
Para resolver essa questão é fundamental entender a diferença entre essas unidades de medida e como elas se comportam no contexto de uma página web. Agora que você sabe que a afirmação da alternativa B está incorreta e por quê, você tem uma compreensão melhor sobre unidades relativas e como aplicá-las corretamente em seus projetos de programação web. Lembre-se de que o conhecimento dessas unidades é essencial para criar designs responsivos e acessíveis.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
Vamos supor que temos o seguinte código HTML:
<html>
<head>
<style>
body {
font-size: 16px;
}
.container {
font-size: 1.5rem;
width: 50%;
height: 50%;
background-color: lightblue;
}
</style>
</head>
<body>
<div class="container">
<div class="child"></div>
</div>
</body>
</html>
Nesse exemplo, a unidade de medida "rem" é usada para definir o tamanho da fonte para o elemento .container.
A unidade "rem" é relativa ao tamanho da fonte do elemento raiz (root) do documento, que por padrão é o <html>. No CSS, definimos body { font-size: 16px; } para estabelecer o tamanho da fonte base para o documento. Nesse caso, 1rem é igual a 16px.
O elemento .container tem uma fonte de 1.5rem, o que resulta em um tamanho de fonte de 24px (1.5 * 16px). Além disso, o .container tem uma largura e altura definidas em 50%. A unidade "%" é relativa ao tamanho do elemento pai, então, nesse caso, a largura e altura do .container serão 50% do tamanho do elemento pai, ou seja, 50% da largura e altura do <html>.
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo
Conheça nossos planos