

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.
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:
–1
0
1
null
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,
1.
2.
3.
1 e 2.
2 e 3.
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 elementos que são pares.
A elementos que são ímpares.
Ao elemento raiz do documento HTML (Hypertext Markup Language).
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,
F – F – F.
F – V – F.
V – F – F.
V – F – V.
V – V – V.
Em uma página de uma aplicação web que utiliza CSS3 foi digitado o bloco de configurações abaixo.

Essa media query
será executada em dispositivos cuja tela seja maior que 480 pixeis.
será chamada por meio de uma instrução @import query('@media');
será executada em telas e outros dispositivos cuja área de exibição seja igual a 480 pixels.
não será executada, pois a sintaxe está incorreta, já que não possui o operador and.
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, é:
V – F – F – V.
V – V – F – F.
V – F – V – F.
F – V – F – V.
F – F – V – V.
Assim como o HTML, o CSS é uma linguagem de marcação, que define a estrutura do conteúdo da página web.
Certo
Errado
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 é:
color
text-color
font-color
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?
:nth-of-type()
:nth-last-child()
:only-of-type
: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?
display: flex;
background-attachment: fixed;
position: absolute;
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 criação de layouts multicolumn com larguras fixas.
o posicionamento preciso de elementos com ‘position: absolute’.
a distribuição de espaço e alinhamento de itens dentro de um contêiner.
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):
definir cores, fontes e layout de apresentação do documento.
descrever o estilo de documentos estruturados utilizando Java, Python e C++.
permitir o aumento do código que determina o conteúdo do que vai ser apresentado na página.
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
I.
II.
III.
II e III.
Qual dos tipos de fonte a seguir não tem suporte do @font-face no CSS3?
PostScript Type 1
Web Open Font Format
TrueType
OpenType
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.
Vermelho
Verde
Azul
Preto
Branco
Uma das funcionalidades da CSS3 é o conjunto de transformações 3D, que visam permitir um melhor dimensionamento bidimensional dos elementos.
Certo
Errado
Algumas técnicas comuns são usadas para tornar um site responsivo. Marque a alternativa que contém uma técnica.
Usar apenas imagens de alta resolução.
Utilizar layout fixo em todas as páginas do site.
Utilizar media queries para ajustar o layout e o estilo com base no tamanho da tela.
Não se preocupar com a compatibilidade do site em dispositivos móveis.
Considerar o trecho de uma página HTML:
<html>
<head>
<title>Minha página</
</
<body>
<div id="conteudo">
<h1>Meu título</
<p>Meu parágrafo</
<img src="imagem.jpg" alt="Minha imagem" /
</
</
</
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?
@media (max-width: 1280px) {
img {
position: absolute;
top: 0;
right: 0;
margin: 0.5rem;
}
}
@media (max-width: 1280px) {
#conteudo {
position: relative;
}
img {
position: absolute;
top: 0;
right: 0;
margin: 1rem;
}
}
@media (max-width: 720px) {
img {
position: absolute;
top: 0;
right: 0;
margin: 8px 16px;
}
}
@media (max-width: 1080px) {
#conteudo {
position: absolute;
top: 0;
right: 0;
margin: 0.75rem;
}
}
O uso extensivo de pseudoelementos no CSS3 pode melhorar a estrutura semântica de um documento HTML.
Certo
Errado
Jair foi questionado em relação a uma característica da linguagem Cascading Style Sheets (CSS). Jair afirmou que CSS:
é incompatível com o XML;
possui sintaxe complexa;
utiliza folhas de estilo;
Impossibilita a definição de cores, fontes e layout.
não possui padronização por nenhuma entidade.