Seu próximo nível começa aqui
Com a Assinatura Ilimitada, você tem tudo que precisa para sua aprovação.
Com a Assinatura Ilimitada, você combina prática, teoria e método em uma única assinatura com tudo que você precisa para sua aprovação.
- Gran Questões
- Questões
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
20
Mais recentes
Em um projeto de desenvolvimento web, uma equipe está utilizando várias tecnologias para criar uma aplicação interativa e bem estilizada. A equipe decide usar PHP para o backend, MySQL para o banco de dados, e precisa definir a aparência e o layout das páginas web de forma consistente e atraente. Além disso, precisa garantir que o site seja responsivo e compatível com diferentes dispositivos e tamanhos de tela. A tecnologia a ser usada pela equipe para definir o estilo, layout e garantir a responsividade das páginas web deve ser o(a)
A
PHP.
B
MySQL.
C
JavaScript.
D
CSS.
Considere o seguinte trecho de um documento em HyperTextMarkup Language:
<nav id="layout1" class="layout1">
<a href="/
<a href="/
</
Considere também o respectivo código de Cascading StyleSheets:
#layout1 {
display: flex;
flex-direction: row-reverse;
}
a { flex-shrink: initial; }
Ao ser renderizado por um navegador web padrão, o código HTML com a folha de estilo CSS acima exibe:
A
uma mensagem de erro no console;
B
‘Tribunal|Downloads’ alinhado à direita;
C
‘Downloads|Tribunal’ alinhado à direita;
D
‘Tribunal|Downloads’ alinhado à esquerda;
E
‘Downloads|Tribunal’ alinhado à esquerda.
Em um momento em que os dispositivos de acesso à internet variam em tamanho, torna-se essencial adaptar o layout e o design dos sites para proporcionar uma experiência otimizada para todos os usuários. Para melhorar a responsividade de um site, qual técnica CSS deve ser usada para definir estilos específicos conforme o tamanho da tela do dispositivo?
A
'@font-face'
B
'@keyframes'
C
'@import'
D
'@media'
A respeito do CSS3, marque V para as afirmativas verdadeiras e F para as falsas.
( ) Permite configurar estilo de um documento HTML.
( ) Descreve como elementos HTML devem ser exibidos.
( ) Exige o uso dos comandos C, PHP ou javascript.
Assinale a sequência correta.
A
F, V, V
B
V, F, F
C
V, V, F
D
F, F, V
Considere as seguintes afirmações sobre linguagens de marcação, transformação e apresentação na web:
I. Microformatos são um conjunto de padrões que permitem adicionar semântica a dados em HTML, mas não foram especificamente projetados para facilitar a extração e o processamento por máquinas;
II. CSS preprocessors, como Sass e Less, estendem a sintaxe do CSS com recursos como variáveis, funções, mixins e aninhamento, tornando a escrita de estilos mais eficiente e organizada;
III. ARIA (Accessible Rich Internet Applications) é um conjunto de atributos que podem ser adicionados a elementos HTML para melhorar a acessibilidade de aplicações web dinâmicas e interativas, fornecendo informações adicionais para tecnologias assistivas;
IV. O padrão WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) define um conjunto de atributos que podem ser adicionados a elementos HTML para melhorar a acessibilidade de aplicações web, especialmente aquelas que utilizam tecnologias como JavaScript e AJAX;
V. O padrão de microdados Schema.org oferece um vocabulário estruturado para marcar dados em páginas web, permitindo que mecanismos de busca e outras ferramentas compreendam melhor o conteúdo e o contexto das informações.
Assinale a opção CORRETA:
A
Apenas as afirmações I, II e III são verdadeiras.
B
Apenas as afirmações I, III e IV são verdadeiras.
C
Apenas as afirmações II, IV e V são verdadeiras.
D
Apenas as afirmações II, III e V são verdadeiras.
E
Todas as afirmações são verdadeiras.
Como técnico de tecnologia da informação do Ministério Público do Estado do Paraná, você está ajustando o estilo de formulários em um novo sistema web. Um dos requisitos é que o elemento de formulário, que é o valor padrão em um grupo, receba um estilo especial para destacá-lo visualmente. Você precisa usar uma pseudoclasse do Cascading Style Sheets, versão 3 (CSS3), para aplicar esse estilo.
Entre as opções a seguir, qual pseudoclasse do CSS3 você deve usar para selecionar o elemento que é o valor padrão em um grupo de opções?
A
:empty
B
:read-only
C
:default
D
:visited
E
:link
Considere o seguinte código de um componente funcional do React Native:
Considere feitas as importações necessárias.
Ao ser utilizado em uma aplicação React Native, o componente acima apresentará:
A
o valor do state theme;
B
falha, pois há uma ou mais falhas de sintaxe no interior do componente;
C
falha, pois o argumento passado ao hook useState não pode conter expressões;
D
falha, pois o nome de um componente funcional deve ser iniciado com letra maiúscula;
E
falha, pois o fluxo principal de um componente funcional não deve conter um bloco try-catch.
Em Linguagem de Estilos CSS, existem os seletores complexos que representam uma forma avançada de selecionar elementos com base em seu relacionamento com outros elementos ou em seu estado atual. Analise a estrutura abaixo:
x[y="z"] {
font-family: arial, sans-serif;
font-size: 1.2rem;
text-transform: uppercase;
}
Esse seletor complexo está definindo que as propriedades devem ser aplicadas em:
A
Qualquer elemento que tenha o atributo "y" com valor "z".
B
O primeiro elemento "x” que possui um atributo "y" com valor "z".
C
O primeiro elemento "x" que possui valor "y" no atributo "z".
D
Todos os elementos "y" que possuam um atributo "z".
E
Todos os elementos "x" que possuam o valor "z" para o atributo "y".
No contexto de estilização de páginas web com CSS, qual das seguintes propriedades é utilizada para alterar a fonte do texto?
A
text-align
B
font-size
C
font-family
D
font-text
E
text-size
Qual propriedade CSS é usada para alterar a cor de fundo de um elemento HTML?
A
Font-size.
B
Background-color.
C
Color.
D
Background.
E
Padding.
Assinale a opção que apresenta, se for o caso, a diferença entre os seletores CSS "div > p" e "div p".
A
"div > p" seleciona todos os elementos <p> que são filhos diretos de um elemento <div>, enquanto "div p" seleciona todos os elementos <p> que são descendentes de um elemento <div> independentemente do nível de "nesting".
B
"div > p" seleciona todos os elementos <p> que são irmãos de um elemento <div>, enquanto "div p" seleciona todos os elementos <p> que são descendentes de um elemento <div> independentemente do nível de "nesting".
C
"div > p" seleciona todos os elementos <p> que são filhos diretos de um elemento <div>, enquanto "div p" seleciona todos os elementos <p> que são filhos diretos de um elemento <div> independentemente do nível de "nesting".
D
"div > p" seleciona todos os elementos <p> que são descendentes de um elemento <div>, enquanto "div p" seleciona todos os elementos <p> que são filhos diretos de um elemento <div> independentemente do nível de "nesting".
E
Tanto "div > p" quanto "div p" selecionam todos os elementos <p> que são descendentes de um elemento <div> independentemente do nível de "nesting".
CSS é um código separado da HTML que pode afetar a aparência das tags em uma única página ou em todo um site da Web.
C
Certo
E
Errado
Em Linguagem de Estilo CSS, os seletores são padrões usados para selecionar elementos HTML nos quais as regras de estilo devem ser aplicadas. Sobre os seletores, analise as assertivas abaixo e assinale a alternativa correta.
I. Seletores que estão associados a um id serão aplicados a um único elemento no documento HTML, e os seletores associados a um class no documento HTML devem ser definidos iniciando pelo símbolo # no CSS.
II. Um seletor que utiliza uma classe tem menor peso do que um seletor que utiliza apenas um tipo associado a uma tag.
III. Estilos aplicados a um elemento podem ser herdados pelos seus elementos filhos, a menos que uma regra específica seja aplicada a eles.
IV. Se duas regras conflitantes são aplicadas a um elemento, a que aparece por último no código CSS é a que será aplicada.
A
Apenas I e II estão corretas.
B
Apenas III e IV estão corretas.
C
Apenas I, III e IV estão corretas.
D
Todas estão corretas.
E
Todas estão incorretas.
No CSS é possível adicionar propriedade para elementos vazios, por exemplo, um elemento p que não contenha nenhum texto (<p></
A
null
B
void
C
zero
D
empty
E
novalue
Na linguagem CSS, o seletor de classe é utilizado para aplicar estilos a elementos HTML que possuem a mesma classe. Para utilizar o seletor de classe em CSS, basta que seja utilizado, seguido do nome da classe desejada:
A
.
B
#
C
$
D
&
Júlia está formatando as páginas do site da empresa, com uso de CSS3, e a regra estabelecida é a de que o primeiro elemento de cada lista HTML deve utilizar fonte vermelha.
Para executar essa regra, Júlia deve utilizar a formatação:
A
li::first-line {color:red};
B
li:first-child {color:red};
C
ul li {color:red};
D
ul:first-child {color:red};
E
li:nth-of-type(2) {color:red}.
Um dos seletores disponíveis no CSS é o chamado seletor universal, fazendo com que todos os elementos da página web sigam a customização que ele define. Esse seletor é representado pelo caractere
A
.
B
*
C
@
D
#
E
!
Em linguagem CSS, a propriedade que alinha o texto é a
A
text-direction.
B
paragraph-align.
C
text-adjust.
D
paragraph-adjust.
E
text-align.
O CSS permite realizar uma ampla variedade de customizações em bordas (borders), resultando em diferentes efeitos visuais. Com relação à propriedade border-style do CSS, assinale a alternativa que apresenta um valor inválido.
A
dashed
B
bold
C
solid
D
groove
E
double
A opacidade é uma propriedade CSS que configura a transparência de um elemento. Assinale a alternativa que apresenta um trecho de código CSS que irá alterar a transparência de uma imagem para 50%, quando o cursor estiver posicionado sobre ela.
A
img:hover {
opacity: 0.5;
}
B
img:hover {
opacity: 50;
}
C
img:cursor {
opacity: 0.5;
}
D
img:cursor {
opacity: 50;
}
E
img {
opacity: 50;
}
Gerar simulado