Questões de Concurso sobre CSS

Considere o trecho de código fonte HTML5/CSS3 a seguir.

<!DOCTYPE html>

<img src="imagem.jpg" width=300px height=150px>

</body></html>

Elaborado pelo(a) autor(a).

Para produzir exatamente as mesmas configurações de largura e altura da imagem, o trecho “<img src="imagem.jpg" width=300px height=150px> do código pode ser substituído por:

Todos os elementos HTML podem ser considerados como caixas. Em CSS, o termo "modelo de caixa" (box model) é usado quando se fala sobre design e layout.

Assinale a alternativa cujo elemento do box model representado, foi identificado corretamente.

Um recurso do CSS garante que uma regra de estilo sobrescreva qualquer outra regra de uma propriedade específica existente no código, forçando o CSS a dar prioridade e usar a propriedade descrita nesta linha. Para se obter esse resultado, após o valor da propriedade deve ser adotada a declaração:

Na linguagem CSS, assinale a alternativa que apresenta a propriedade que é usada para arredondar as bordas de um elemento:

Observe a seguinte regra CSS.

@media only screen and (min-width: 100px) {

body {

background-color: red;

}

}

Ela é aplicada quando

Em relação à propriedade CSS “position”, é necessário o uso do valor ________ para que o elemento seja tirado do fluxo (flow) de modo que não tenha impacto no tamanho ou posição de seus irmãos e ancestrais, e que não participe do contexto de formatação do seu elemento pai. O elemento é, então, posicionado apenas com referência às suas coordenadas dentro do seu bloco contenedor.

Assinale a alternativa que preenche corretamente a lacuna do trecho acima.

Na linguagem CSS, o símbolo # é utilizado para selecionar elementos por meio de seu ID.

Avalie o fragmento de texto a seguir e, em seguida, assinale com (V) para a técnica verdadeira e (F) para a falsa. O Web Design Responsivo é uma técnica de web design que permite que um site se adapte e seja exibido adequadamente em diferentes dispositivos, como smartphones, tablets e desktops. A criação de um layout que possa ajustar e otimizar sua apresentação em uma variedade de telas envolve o uso de técnicas como:

( ) layout de grade rígido; Imagens e mídias flexíveis; Consultas a bancos de dados.

( ) layout de grade flexível; Imagens e mídias flexíveis; Consultas midiáticas.

( ) layout de grade rígido; Imagens e mídias rígidas; Consultas midiáticas.

As técnicas são, respectivamente,

Considere o seguinte trecho de código HTML e CSS:

<!DOCTYPE html>

<html lang="pt-br">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Questão</title>

<style>

.container {

width: 80%;

margin: 0 auto;

}

.text {

font-size: 20px;

color: blue;

text-align: center;

}

.text:hover {

color: red;

}

</style>

</head>

<body>

<div class="container">

<p class="text">Tribunal de Justiça do Estado do Maranhão</p>

</div>

</body>

</html>

Com base no código apresentado anteriormente, quando o cursor do mouse passa por cima do texto “Tribunal de Justiça do Estado do Maranhão”, o texto:

Em CSS3, quando se deseja aplicar estilos a elementos que são especificamente filhos diretos de um elemento pai, qual seletor é apropriado para garantir que os estilos não sejam aplicados a elementos aninhados mais profundamente?

Ao avançar no design web com CSS, os desenvolvedores enfrentam o desafio de criar sites que não só são visualmente atraentes, mas também funcionam perfeitamente em uma variedade de dispositivos e tamanhos de tela. A técnica para desenvolver layouts complexos e responsivos de maneira eficiente é a

Leia o caso a seguir.

Neste caso, como essas linguagens e tecnologias podem ser utilizadas de maneira integrada para desenvolver um site robusto, responsivo e interativo?

Através do CSS é possível fazer a aplicação de diferentes estilos para links de uma mesma página. Para estilizar um link quando o cursor é posicionado em cima dele, deve-se utilizar o pseudo-seletor:

Elaborou-se o seguinte programa na linguagem HTML com um CSS interno, utilizado para definir o estilo de uma única página HTML, no qual (1) é uma tag que foi omitida.

A tag (1) é:

No CSS3 (Cascading Style Sheet, versão 3), as pseudoclasses desempenham um papel crucial ao estilizar elementos com base em estados específicos ou relações com o documento. Uma dessas pseudoclasses seleciona elementos que estão em modo de tela cheia. Qual das seguintes pseudoclasses executa essa função?

Os padrões W3C definem uma plataforma aberta para desenvolvimento de aplicações web, sendo otimizados para interoperabilidade, segurança, privacidade, acessibilidade e internacionalização. No que tange às páginas web, o W3C propõe a utilização do CSS para

Ao configurar o design de uma página, Roberto usou o código CSS a seguir, em uma tag style, fazendo com que um menu de navegação lateral fique ao lado da área de conteúdo.

O resultado em tablets e desktops foi bom, mas o acesso pelo celular apresentou alguns problemas de usabilidade, sendo mais adequado que o menu ficasse acima do conteúdo.

Para utilizar o design indicado em telas menores, garantindo a responsividade da página, Roberto acrescentou ao código CSS:

Analise a página HTML exibida na imagem a seguir, composta por uma imagem (<img>) e um parágrafo (<p>).

Assinale a alternativa com estilo CSS responsável por posicionar a imagem.

Considere o seguinte trecho de um documento em HyperText Markup Language:

Considere o respectivo código de Cascading Style Sheets:

Na renderização por um navegador web padrão, a largura total ocupada pelo elemento “secao1” e o conteúdo exibido devem ser, respectivamente:

Associe HTML 5, Java Script e CSS com as seguintes tarefas no contexto do desenvolvimento web.

1 - HTML 5.

2 - CSS.

3 - Java Script.

( ) Criar a estrutura básica da página web, incluindo elementos como cabeçalho, seções, parágrafos e imagens.

( ) Adicionar interatividade à página web, como menus suspensos, botões clicáveis e animações.

( ) Estilizar a aparência da página web, definindo cores, fontes, tamanhos e layouts.

( ) Armazenar dados persistentes do lado do cliente, como preferências do usuário ou informações de formulários.

( ) Realizar cálculos complexos ou processar grandes conjuntos de dados.

A sequência CORRETA, de cima para baixo, é: