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
Um programador deseja, utilizando HTML e CSS, definir uma imagem de fundo, armazenada no arquivo figura.jpg, em uma página que irá criar. Um comando que permite essa realização é:
A
<p image=”(‘figura.jpg’) back;”>
B
<p image=”(‘figura.jpg’) place= background;”>
C
<p style background =”image: url(‘figura.jpg’);”>
D
<p style=”background-image: url(‘figura.jpg’);”>
E
<p style=”backimage: url(‘figura.jpg’);”>
A linguagem CSS é utilizada para estilizar o conteúdo de uma página web. Diversas mudanças podem ser feitas por meio do uso desta linguagem, como alterar o tamanho de um texto, adicionar sombreamento, mudar a cor de parte da página dentre outras mudanças. Para alterar a cor de um bloco de texto, altera-se a sua propriedade color, onde é possível especificar a cor de diversas formas, por exemplo fornecendo um valor em hexadecimal. Caso o programador queira atribuir a cor verde para um bloco de texto, um possível valor fornecido deverá ser:
A
#000000
B
#0000FF
C
#00FF00
D
#FF0000
E
#FFFFFF
Considere os atributos da propriedade border-style da linguagem CSS (Cascading Style Sheets) e numere a coluna da direita de acordo com sua correspondência na coluna da esquerda:
1- Dashed 2 - Double 3 - Solid 4- Dotted | ( )Linha sólida ( ) Linha pontilhada ( ) Linha tracejada ( ) Linha dupla |
Assinale a alternativa que apresenta a numeração correta da coluna da direita, de cima para baixo:
A
1 - 4 - 3 - 2.
B
1 - 3 - 4 - 2.
C
3 - 1 - 4 - 2.
D
3 - 4 - 1 - 2.
E
3 - 2 - 1 - 4.
Cascading Style Sheets (CSS) ou Folhas de Estilo em Cascata é uma linguagem de estilo usada para descrever como elementos HTML são mostrados na tela. CSS é uma das principais linguagens da Open Web e é padronizada em navegadores Web, de acordo com as especificações da W3C. Marque a alternativa com o código apropriado para apresentar o texto “Bom dia” em vermelho. Considere a seguinte linha de código: Bom dia em vermelho. Considere a seguinte linha de código: <p class="p1">Bom dia</
A
.p1 {
font-family: "Times New Roman", Times, serif;
font-color: red;
font-variant: normal;
}
B
.p1 {
font: "Times New Roman", Times, serif, normal, red;
}
C
.p1 {
font-family: "Times New Roman", Times, serif;
color: red;
}
D
.p2 {
font: "Times New Roman", Times, serif;
font-color: red;
font-variant: normal;
}
A linguagem que permite estilizar um documento HTML, descrevendo como os elementos HTML devem ser exibidos, é conhecida como:
A
JAVA
B
CSS
C
HTML5
D
PHP
Assinale a alternativa correta com relação às famílias genéricas de fontes CSS.
A
São exemplos de fontes da família Fantasy: Copperplate e Papyrus.
B
São exemplos de fontes da família Serif: Courier New e Monaco.
C
São exemplos de fontes da família Cursive: Courier New e Monaco.
D
São exemplos de fontes da família Sans-serif: Copperplate e Papyrus.
E
São exemplos de fontes da familia Cursive: Arial e Verdana.
Considere a página HTML renderizada por um navegador web e o código fonte HTML5/CSS3 a seguir:
CÓDIGO FONTE | PÁGINA HTML RENDERIZADA |
<!DOCTYPE html><html> <................> <body><table> <tr><th>Nome</ <tr><td>Ze</ <tr><td>Maria</ </ |
|
Assinale a alternativa CORRETA com o código HTML5/CSS3 que irá substituir o trecho “<................>” do código fonte para gerar a página HTML renderizada:
A
<head><style>
table, th, td {
-border: 1px solid black;
-border-radius: 10px;
-width: 200px;
}
</
B
<head><style>
table, th, td {
-border: 1px solid black;
-border-radius: 10px;
}
</
C
<head><style>
table, th, td {
-border: 1px solid black;
-border-radius: 10px;
-width: 200%;
}
</
D
<head><style>
table, th, td {
-border: 1px solid black;
-width: 200%;
}
</
E
<head><style>
table, th, td {
-border: 1px solid black;
-border-radius: rounded;
}
</
Websites complexos têm uma quantidade muito grande de CSS, com uma quantidade de repetição de vaiares muito frequente. Por exemplo, a mesma cor pode ser usada em centenas de lugares diferentes, requerendo uma pesquisa giobai e substituição caso a cor necessite ser trocada. Considere o trecho de código abaixo e assinale a alternativa que representa corretamente a linha de código que deve ser inserida nas propriedades da classe "elemento" para resultar na coloração verde do background dele.
:root { ---bg-color green; } .elemento { -color: white; -margin: 10px; -width: 50px; -height: 50px; -display: inline-block; } |
A
background-color: --bg-color;
B
background-color: var(--green);
C
background-color: var(-bg-color);
D
background-color: --bg-color: green;
E
background-color: var(--bg-green);
O Cascading Style Sheets (CSS) é um recurso utilizado para descrever a apresentação de um documento escrito em HTML, sendo de fundamental importância para dar estilos às páginas web. Com base no exposto sobre o CSS, assinale a alternativa CORRETA.
A
É uma linguagem de programação.
B
E uma linguagem de marcação,
C
E uma linguagem baseada em recursividade.
D
E uma das principais linguagens da open web.
E
E uma linguagem usada para definir o conteúdo das páginas da web.
Quando um Técnico criou uma página web usando HTML e CSS, um elemento ficou sobreposto ao outro na tela e ele deseja inverter a ordem de sobreposição desses elementos. Para definir ou mudar a ordem de sobreposição dos elementos ele deve utilizar a propriedade CSS
A
z-index
B
inverter
C
position
D
flex-position
E
x-order
Para integrar um arquivo CSS (Cascading Style Sheets) no HTML, o arquivo CSS terá que ser inserido entre as seguintes tags no documento HTML:
A
<script> e </
B
<body> e </
C
<head> e </
D
<iframe> e </
No contexto do HTML e CSS, analise o código a seguir numa página Web.
p.centro {
text-align: center;
color: blue;
}
Sobre esse trecho, é correto afirmar que a cor e o alinhamento serão aplicados
A
à classe denominada “p.centro”.
B
à classe denominada “p”.
C
aos elementos com a tag <p> que tenham a classe “centro”.
D
aos elementos com id = “p” que tenham a classe “centro”.
E
aos elementos que tenham a classe “p.centro”.
Considerando o código da página web abaixo, analise as assertivas seguintes.
.
<!DOCTYPE html> <html> <head> <style> div { color: darkblue; width: 200px; border: 15px solid green; padding: 30px; margin: 20px; text-align: center; } div p { text-align: justify; padding: 0px; margin: 0px; } </ </ <body> <div> <h2>HTML</ <p>Linguagem utilizada para construir a estrutura de uma página web.</ </ </ </ |
.
I. O elemento div define uma seção em uma página web e é equivalente ao elemento span.
II. No CSS, o seletor div p corresponde todos os parágrafos dentro de qualquer elemento div.
III. A cor de fundo do elemento div foi definida para darkblue.
IV. O tamanho da área em volta da borda do elemento div foi definida para 30px e o tamanho da área em volta do conteúdo do elemento div foi definida para 20px.
V. A largura disponível para o parágrafo dentro do elemento div é de 170px.
Sobre as assertivas acima, é correto afirmar que:
A
Todas as afirmativas são verdadeiras.
B
Apenas uma afirmativa é verdadeira.
C
Apenas duas afirmativas são verdadeiras.
D
Apenas três afirmativas são verdadeiras.
Ano:
2022
Prova:
UFPE - UFPE - Técnico de Tecnologia da Informação - Área: Sistemas - 2022
CSS (Cascading Style Sheets) é uma linguagem usada para estilizar documentos HTML. Abaixo encontra-se um código de uma regra CSS que será aplicada em um documento HTML. O que essa regra faz?
<style>
#h1 {
text-align: right;
color: red;
}
</
A
Todos os elementos <h1> contidos no documento HTML ficarão com o texto vermelho e alinhados à direita.
B
Todos os elementos contidos no documento HTML que possuem a propriedade nome com o valor “h1” ficarão com o texto vermelho e alinhados à direita.
C
Todos os elementos contidos no documento HTML que possuem a propriedade id com o valor “h1” ficarão com o texto vermelho e alinhados à direita.
D
Todos os elementos contidos no documento HTML que não tiverem definido explicitamente a propriedade id ficarão com o texto vermelho e alinhados à direita.
E
Todos os elementos contidos no documento HTML que não tiverem definido explicitamente a propriedade nome ficarão com o texto vermelho e alinhados à direita.
Observe a porção de código abaixo, ele pertence a uma das linguagens de marcação de hypertexto:
<video width="320" height="240" controls="controls">
<source src="movie.mp4” type="video/mp4" /
<source src="movie.ogg" lype="video/ogg" /
Seu navegador não suporta a tag vídeo.
</
A qual linguagem de marcação de texto pertence o código exibido?
Assinale a alternativa correta:
A
CSS
B
HTML5
C
PHP
D
JavaScript
E
C#
Assinale a alternativa que completa correta e respectivamente as lacunas do texto abaixo.
O ________ é a principal linguagem utilizada na web. Ela permite a criação de documentos estruturados em títulos, parágrafos, listas, links, tabelas, formulários e em muitos outros elementos aos quais podem ser incorporadas imagens e objetos como, por exemplo, uma animação ou um vídeo.
Enquanto ______ são linguagens de marcação, o ______ é uma linguagem de estilo, responsável pela formatação e apresentação do conteúdo: layout, cores, fontes.
O uso do _____ permite que conteúdo e apresentação (estilo) sejam trabalhados de forma independente, conferindo flexibilidade e modularidade ao fluxo de trabalho para web.
O ________ é uma linguagem de programação que pode ser incorporada diretamente em páginas _____ _, com a função de adicionar mais interatividade.
A
HTML, HTML e HTML5, CSS, CSS, JAVASCRIPT, HTML.
B
HTML, CSS, CSS, HTML e HTML5, JAVASCRIPT, HTML.
C
HTML, HTML e HTML5, HTML, CSS, JAVASCRIPT, CSS.
D
HTML, HTML e HTML5, CSS, CSS, HTML, JAVASCRIPT.
E
JAVASCRIPT, HTML, HTML e HTML5, CSS, CSS, HTML.
Com base nos conceitos de CSS 3, a aplicação dos estilos de uma página pode ocorrer de três formas diferentes. Em relação a isso, marcar C para as afirmativas Certas, E para as Erradas e, após, assinalar a alternativa que apresenta a sequência CORRETA:
(_) Em linha, dentro da própria tag que se pretende formatar.
(_) Interno, dentro do mesmo documento, através de seletores de estilo
(_) Externo, em um arquivo separado, com extensão css.
A
C - C - C.
B
C - C - E.
C
E - C - C.
D
E - E - C.
E
E - E - E.
Considere o seletor CSS a seguir:
p#h1, span.a {
color: blue;
}
De acordo com este seletor, ficarão destacados na cor azul os elementos
A
<h1> cuja classe for “p” e <a> cujo id for “span”.
B
<h1> cujo id for “p” e <a> cuja classe for “span”.
C
<p> cujo id for “h1” e <span> cuja classe for “a”.
D
<p> cuja classe for “h1” e <span> cujo id for “a”.
E
<p> cujo id for “h1” e <a> cuja classe for “span”.
As propriedades padding-top, padding-right, padding-bottom e padding-left do CSS (Cascading Style Sheets) servem para
A
gerar um espaçamento ao redor do conteúdo de um elemento, fora da borda.
B
determinar a espessura da borda de um elemento.
C
gerar um espaçamento ao redor do conteúdo de um elemento, dentro da borda.
D
alinhar o texto dentro de um elemento, respectivamente ao topo, à direita, embaixo e à esquerda.
E
determinar o posicionamento fixo de um elemento em relação ao viewport, deixando-o sempre em lugar fixo mesmo quando a página é rolada no navegador.
O CSS é utilizado para estilizar aparência de websites com as linguagens de marcação HTML ou XHTML. Ele possui uma propriedade flex-direction que é usada para especificar a direção em que os itens flexíveis (flex) são exibidos na interface de um website. Neste sentido, quais são os valores possíveis de se utilizar com o flex-direction, segundo sua sintaxe?
A
line | line-reverse | column | column-reverse | initial | inherit
B
row | row-reverse | column | column-reverse | primary | extends
C
row | row-reverse | spine | spine-reverse | initial | inherit
D
line | line-reverse | column | column-reverse | primary | extends
E
row | row-reverse | column | column-reverse | initial | inherit
Gerar simulado