Analise o trecho HTML a seguir.<style> .cidade { ...
<style> .cidade { background-color: gray; color: white; border: 2px solid black; margin: 10px; padding: 16px; } </style>
Nesse caso, o termo cidade estabelece
Essas regras de estilo são definidas usando a linguagem CSS (Cascading Style Sheets) e têm a seguinte função:
- :define um seletor de classe CSS chamado "cidade". Qualquer elemento HTML que tenha a classe "cidade" aplicará essas regras de estilo.
- : define a cor de fundo do elemento com a classe "cidade" como cinza.
- : define a cor do texto dentro do elemento com a classe "cidade" como branco.
- : define uma borda para o elemento com 2 pixels de largura, sólida (linha contínua) e na cor preta.
- : define uma margem de 10 pixels ao redor do elemento com a classe "cidade". A margem é o espaço entre o elemento e outros elementos ao seu redor.
- : define um preenchimento de 16 pixels dentro do elemento com a classe "cidade". O preenchimento é o espaço entre o conteúdo do elemento e a borda.
Gabarito: A
.cidade = seletor de classe
#cidade = seletor de ID
Gabarito: A - a classe cidade.
Para abordarmos a resolução desta questão, precisamos entender alguns conceitos de HTML e CSS, que são fundamentais em programação web. No trecho de código fornecido, estamos lidando com duas linguagens: HTML, que é usada para estruturar o conteúdo da página, e CSS, que é usada para estilizar e formatar essa estrutura.
O termo cidade que aparece no trecho de CSS se refere a uma classe, que é um seletor em CSS usado para definir estilos que podem ser aplicados a vários elementos HTML. Uma classe é definida com um ponto (.) seguido pelo nome da classe, neste caso, .cidade. Uma vez definida a classe no CSS, qualquer elemento HTML pode usar o atributo class para aplicar esses estilos. O trecho de CSS dentro da tag <style> estabelece os estilos visuais, como cor de fundo, cor do texto, borda, margem e preenchimento para elementos que utilizarem a classe cidade.
A alternativa correta (A) é a que indica que cidade é uma classe. As demais opções são incorretas porque:
- Tag: é um elemento HTML, mas cidade não é uma tag, e sim o nome de uma classe.
- Atributo global: refere-se a atributos que podem ser aplicados a qualquer elemento HTML, mas cidade é especificamente uma classe, não um atributo global.
- Evento: em HTML e JavaScript, eventos são ações que podem ser capturadas pela página, como cliques ou movimentações do mouse, e cidade não é um evento.
- Um tipo de elemento HTML: não é um elemento, mas sim uma classe que pode ser aplicada a elementos HTML.
Portanto, entender a diferença entre esses conceitos é crucial para trabalhar com desenvolvimento web e para responder corretamente questões de concursos relacionadas a HTML e CSS.