Questões de Concurso sobre CSS

 
 
Disciplina
Assunto 1
Banca
Instituição
Cargo
Ano
Carreira
Área de formação
Escolaridade
Dificuldade
 
Comentários:
Professores
Alunos
Meus Comentários
Vídeo
 
Minhas questões:
Resolvidas
Não resolvidas
Certas
Erradas
 
Tipo de questão:
Certo e errado
Múltipla escolha
Incluir questões:
Anuladas
Desatualizadas
 
Questões:
Todas as questões
 
Filtro simplificado
 
Questões
Todas as questões
 
359 questões encontradas
Questões por página
20
Mais recentes
 

A propriedade z-index do CSS permite configurar a posição de uma imagem em relação a textos e outras imagens. Dado um elemento imagem posicionado com position:absolute, para fazer com que a imagem fique atrás do texto de uma página web deve-se configurar a propriedade z-index para o valor:


A

–1


B

0


C

1


D

null


E

void

Analise as afirmativas a seguir acerca do uso de grids em interfaces de usuário em aplicações Web.


1) Permite designers a rapidamente montar interfaces bem alinhadas.

2) Permite usuários a facilmente fazer uma varredura visual em interfaces baseadas em grids previsíveis.

3) Permite uma interface consistente que é apresentada de forma igual em dispositivos diferentes no design responsivo.


Está(ão) correta(s), apenas,


A

1.


B

2.


C

3.


D

1 e 2.


E

2 e 3.

Ano: 2024
Prova: Objetiva Concursos - Prefeitura - Analista de Sistemas - 2024

As pseudoclasses no CSS 3 (Cascading Style Sheet, versão 3) são usadas para estilizar elementos em diferentes estados ou posições. A função da pseudoclasse “:root” é aplicar estilos:


A

A elementos que são pares.


B

A elementos que são ímpares.


C

Ao elemento raiz do documento HTML (Hypertext Markup Language).


D

A elementos com base no idioma especificado.

O desenvolvimento de páginas web tem sido aperfeiçoado com a aplicação de Responsive web design (RWD, ou Design Responsivo).


Com relação às tecnologias envolvidas no desenvolvimento de software responsivo, avalie se as afirmativas a seguir são verdadeiras (V) ou falsas (F).


( ) A base do design responsivo é a combinação de Hyper Text Markup Languague (HTML), que controla principalmente a estrutura, os elementos e o conteúdo de uma página web, e Cascading Style Sheets (CSS), que é usado para editar o design e o layout dos elementos que são incluídos em uma página com HTML

( ) O design responsivo é uma tecnologia que fornece várias versões completamente diferentes de uma mesma página, onde o HTML e CSS controlam o conteúdo e o layout de uma página em qualquer navegador da web.

( ) O design responsivo é um termo usado para descrever uma abordagem ao web design, ou um conjunto de melhores práticas, usado para criar um layout que adapta a renderização de uma única versão de página e que inclui a Media queries (ou consulta de mídia) como uma parte fundamental do CSS3.


As afirmativas são, respectivamente,


A

F – F – F.


B

F – V – F.


C

V – F – F.


D

V – F – V.


E

V – V – V.

Em uma página de uma aplicação web que utiliza CSS3 foi digitado o bloco de configurações abaixo.


Imagem associada para resolução da questão


Essa media query


A

será executada em dispositivos cuja tela seja maior que 480 pixeis.


B

será chamada por meio de uma instrução @import query('@media');


C

será executada em telas e outros dispositivos cuja área de exibição seja igual a 480 pixels.


D

não será executada, pois a sintaxe está incorreta, já que não possui o operador and.


E

será executada apenas em dispositivos cuja largura da tela seja menor ou igual a 480 pixels.

Em relação às tecnologias WEB do CSS, analise as assertivas abaixo, assinalando V, se verdadeiras, ou F, se falsas.


( ) É uma linguagem complexa, mas bastante útil, usada para definir arquivos em uma linguagem de programação sem marcação.

( ) É um acrônimo para Cascading Style Sheet, termo em inglês que significa Folhas de Estilo Encadeadas.

( ) Trabalha sem efetuar a separação entre o formato e o conteúdo de um documento.

( ) Ajuda na confecção de documentos mais bem estruturados e fáceis de manter.


A ordem correta de preenchimento dos parênteses, de cima para baixo, é:


A

V – F – F – V.


B

V – V – F – F.


C

V – F – V – F.


D

F – V – F – V.


E

F – F – V – V.

No desenvolvimento web a linguagem de estilização CSS é constantemente utilizada acoplada ao HTML, para estilizar elementos visuais da página web, desta forma, a propriedade CSS que utilizada para definir a cor de um texto é:


A

color


B

text-color


C

font-color


D

font-colorize

No contexto do CSS3, uma evolução do CSS utilizado para estilizar páginas web, qual pseudoclasse encontra o último elemento tomando como base sua posição na árvore de elementos do mesmo gênero?


A

:nth-of-type()


B

:nth-last-child()


C

:only-of-type


D

:only-child

No desenvolvimento de um layout web responsivo com CSS3, qual propriedade é crucial para implementar um efeito de parallax em uma seção da página, contribuindo para uma experiência de usuário dinâmica e imersiva?


A

display: flex;


B

background-attachment: fixed;


C

position: absolute;


D

overflow: hidden;

Explorar o CSS3 nos permite criar designs web ricos e interativos. O CSS3 é a terceira versão das Cascading Style Sheets, permitindo a estilização de páginas web de forma mais eficaz e criativa. Entre suas várias funcionalidades está o recurso Flexbox, ou Flexible Box Layout.


No layout de uma página web, flexbox facilita especificamente:


A

a criação de layouts multicolumn com larguras fixas.


B

o posicionamento preciso de elementos com ‘position: absolute’.


C

a distribuição de espaço e alinhamento de itens dentro de um contêiner.


D

a adição de cantos arredondados e sombras aos elementos.

CSS é chamado de linguagem Cascading Style Sheet e é usado para estilizar elementos escritos em uma linguagem de marcação como HTML. O CSS separa o conteúdo da representação visual do site. Pense na decoração da sua página. Utilizando o CSS, é possível alterar a cor do texto e do fundo, fonte e espaçamento entre parágrafos. Também pode criar tabelas, usar variações de layouts, ajustar imagens para suas respectivas telas. São características da Cascading Style Sheets (CSS):


A

definir cores, fontes e layout de apresentação do documento.


B

descrever o estilo de documentos estruturados utilizando Java, Python e C++.


C

permitir o aumento do código que determina o conteúdo do que vai ser apresentado na página.


D

possibilitar criar novas folhas de estilo sem permitir a herança de outra folha de estilo já existente.

O CSS – Cascading Style Sheets, tem como propósito promover a estilização de elementos escritos em uma linguagem de marcação, como por exemplo o HTML, separando o conteúdo da representação visual do site. Sobre o CSS, analise as afirmativas a seguir.


I. Um seletor de classe tem peso maior que um seletor de elemento; logo, as propriedades definidas no bloco de estilo do elemento substituirão as definidas no bloco de estilo da classe.

II. O sinalizador !important pode ser utilizado para tornar uma propriedade individual e um par de valores a regra mais específica, substituindo, assim, as regras normais da cascata.

III. A ordem de origem é muito importante para situações de cascata; pois, em um cenário com mais de uma regra, estando todas com o mesmo peso, a que vier primeiro no CSS prevalecerá.


Está correto o que se afirma apenas em


A

I.


B

II.


C

III.


D

II e III.

Qual dos tipos de fonte a seguir não tem suporte do @font-face no CSS3?


A

PostScript Type 1


B

Web Open Font Format


C

TrueType


D

OpenType


E

Embedded OpenType

Considerando um código CSS que apresente o código de cor RGB com o valor #00ff00, assinale a alternativa que possui a cor representada.


A

Vermelho


B

Verde


C

Azul


D

Preto


E

Branco

Uma das funcionalidades da CSS3 é o conjunto de transformações 3D, que visam permitir um melhor dimensionamento bidimensional dos elementos.


C

Certo


E

Errado

Algumas técnicas comuns são usadas para tornar um site responsivo. Marque a alternativa que contém uma técnica.


A

Usar apenas imagens de alta resolução.


B

Utilizar layout fixo em todas as páginas do site.


C

Utilizar media queries para ajustar o layout e o estilo com base no tamanho da tela.


D

Não se preocupar com a compatibilidade do site em dispositivos móveis.

Ano: 2024
Prova: Objetiva Concursos - Prefeitura - Analista de Sistemas - 2024

Considerar o trecho de uma página HTML:


<html>

<head>

<title>Minha página</title>

</head>

<body>

<div id="conteudo">

<h1>Meu título</h1>

<p>Meu parágrafo</p>

<img src="imagem.jpg" alt="Minha imagem" />

</div>

</body>

</html>


Pedro é um programador frontend, e seu superior pediu para que ele posicionasse a imagem no canto superior direito da tela, com um espaçamento pequeno entre a borda da imagem e a borda da tela, mas somente quando a largura da janela do navegador for inferior à largura de uma tela com resolução HD. Qual dos trechos de código CSS abaixo soluciona CORRETAMENTE a tarefa de Pedro?


A

@media (max-width: 1280px) {

img {

position: absolute;

top: 0;

right: 0;

margin: 0.5rem;

}

}


B

@media (max-width: 1280px) {

#conteudo {

position: relative;

}

img {

position: absolute;

top: 0;

right: 0;

margin: 1rem;

}

}


C

@media (max-width: 720px) {

img {

position: absolute;

top: 0;

right: 0;

margin: 8px 16px;

}

}


D

@media (max-width: 1080px) {

#conteudo {

position: absolute;

top: 0;

right: 0;

margin: 0.75rem;

}

}

Jair foi questionado em relação a uma característica da linguagem Cascading Style Sheets (CSS). Jair afirmou que CSS:


A

é incompatível com o XML;


B

possui sintaxe complexa;


C

utiliza folhas de estilo;


D

Impossibilita a definição de cores, fontes e layout.


E

não possui padronização por nenhuma entidade.

   
Gerar simulado