Questões de Concurso sobre CSS

Desenvolvedores que criam páginas HTML com layout que vem sendo chamado de “tableless” utilizam, tipicamente, qual tecnologia para isso?

Considere o estilo CSS a seguir.

p {

__ text-decoration: overline;

__ padding: 10px;

__ border: 1px solid black;

}

Ao aplicar este estilo na marcação <p>Mensagem</p> de uma página HTML, será produzido o resultado:

As folhas de estilo em cascata (CSS) mudam a forma de organização das páginas. O HTML é usado somente como elemento para estruturar as páginas e o CSS é utilizado na aparência das páginas. As regras de CSS que definem que todos os parágrafos do documento HTML devem possuir cor da fonte azul, margens de 15px e borda estreita, sólida da cor vermelha, são expressas na alternativa:

Através do uso de CSS podemos mudar o comportamento visual dos componentes em uma página HTML. Dado o código do arquivo foo.html a seguir, o qual é aberto no navegador Chrome versão 48:

<html>

<head>

<style type="text/css">

</style>

</head>

<body >

<div class="t" id="u"> Foo

<a href="#" id="x">X</a>

<a href="#" id="y">Y</a>

</div>

</body>

</html>

Assinale a opção que apresenta o código CSS necessário a ser incluído na tag “style”, para que APENAS quando o usuário passar o cursor do mouse sobre a palavra Foo, existente na página html, sejam exibidos os elementos X e Y.

Um estilo em CSS contém diversos componentes. Analise as afirmativas abaixo.

I. O Seletor diz ao browser qual elemento irá ter o estilo definido.

II. A Declaração é composta por seletor e valores.

III. O Bloco de Declaração é composto por seletor e propriedade.

IV. Valor define o valor de uma propriedade.

De acordo com as afirmativas, marque a alternativa CORRETA:

A propriedade CSS que ajusta a cor do texto contido em um elemento é

À luz das diretrizes da W3Schools.com, um desenvolvedor codifica uma página HTML que utiliza um estilo CSS interno:

<!DOCTYPE html>

<html>

<head>

<style>

table {

--border-collapse: collapse;

--width: 50%;

}

th, td {

--text-align: center;

--padding: 8px;

--border: 1px solid black;

}

tr:nth-child(odd){background-color: #f3f3d3}

</style>

</head>

<body>

<table>

-<tr>

--<th>Nome</th>

--<th>Mesada</th>

-</tr>

-<tr>

--<td>Pedro</td>

--<td>R$100</td>

-</tr>

-<tr>

--<td>Luis</td>

--<td>R$150</td>

-</tr>

</table>

</body>

</html>

O layout resultante da execução do código no navegador Google Chrome é semelhante a:

Assinale com V (verdadeiro) ou com F (falso) as seguintes afirmações, relativas à CSS.

( ) HOVER é usado quando o ponteiro do mouse passa sobre um link.

( ) ACTIVE é usado para formatar links que foram visitados pelo usuário.

( ) LINK é usado para formatar links que não foram visitados pelo usuário.

( ) VISITED é usado para formatar links ativos.

A sequência correta de preenchimento dos parênteses, de cima para baixo, é

Em uma página HTML há um menu com um conjunto de links. Ligado a esta página há um arquivo CSS externo com as definições dos estilos dos links deste menu. A instrução CSS que define cor de fundo azul para o link apenas quando o ponteiro do mouse for posicionado sobre ele é

Considere as seguintes afirmações sobre CSS (Cascading Style Sheets).

I. A seguinte regra CSS:

h1 {color: gray; background: yellow; }

estabelece que todos os elementos do tipo h1 serão formatados com texto em cor cinza e tendo amarelo como a cor de fundo.

II. Folhas de estilo externas – documentos separados que contêm apenas regras CSS – podem oferecer uma aparência uniforme a um site inteiro. Todas as páginas de um site Web podem usar a mesma folha de estilo. Quando houver necessidade de mudanças nos estilos, a modificação de um único arquivo CSS será suficiente para que o autor modifique o estilo do site inteiro.

III. Folhas de estilo do usuário devem ser linkadas a um documento e não podem ser definidas nas opções do navegador.

Quais estão corretas?

As folhas de estilo em cascata (Cascading Style Sheets – CSS) facilitam muito o trabalho quando se deseja garantir uma formatação homogênea e uniforme em todas as páginas de um site. Quando há mais de um estilo especificado para um elemento HTML, o navegador tem que decidir o que aplicar primeiro. Essa escolha é feita pela ordem de precedência na forma de aplicar as folhas de estilos abaixo relacionadas:

I. Estilo padrão (default) do navegador.

II. Estilo inline (dentro de um elemento HTML).

III. Folha de estilo Externa (importada e ligada).

IV. Folha de estilo Incorporada (definida na tag do documento).

A sequência correta de precedência, começando com a de prioridade mais elevada e terminando com a de menor prioridade é:

A folha de estilo CSS é utilizada para descrever a apresentação de um documento escrito em uma linguagem de marcação, como HTML. Existem três maneiras de se aplicar estilos aos documentos. No que diz respeito à aplicação de estilos definida como externa, analise as afirmativas a seguir.

I. Utiliza um arquivo texto contendo a sintaxe CSS.

II. É a mais poderosa, visto que as definições feitas em um style sheet podem ser aplicadas a vários documentos.

III. É definida por meio do uso da tag LINK dentro do elemento HEAD, como exemplificado em <LINK rel=”stylesheet” href=”http://www.susam.gov.br/estilos.css” type=”text/css”>

Assinale:

Em relação a folhas de estilo em cascata, Cascading Style Sheets (CSS), assinale abaixo a alternativa INCORRETA.

Em relação a folhas de estilo em cascata, Cascading Style Sheets (CSS), assinale abaixo a alternativa INCORRETA.

CSS é a abreviação para o termo em inglês Cascading Style Sheet, traduzido para o português como folhas de estilo em cascata. Sobre CSS, pode-se afirmar que:

I – As CSS têm por finalidade devolver à marcação HTML/XML o propósito inicial da linguagem.

II – Cabem às CSS todas as funções de apresentação de um documento, e essa é sua finalidade maior.

III – Uma regra CSS é composta de duas partes: o seletor e a declaração.

Das afirmativas apresentadas, está(ão) incorreta(s):

As cores constituem um aspecto importante na apresentação de conteúdo de forma visual. Na web, aplicam‐se cores ao texto, ao background e às bordas dos elementos, sendo que o CSS oferece diversas maneiras de especificar cores.

Para gerar texto em amarelo, por exemplo, pode‐se utilizar uma das sintaxes CSS indicada na seguinte alternativa:

Considere as afirmações abaixo relacionadas a vantagens e desvantagens em se usar CSS para estilo de páginas na Web:

I. Uma vantagem é a diminuição do peso da página, uma vez que para incluir todos os estilos nas próprias páginas demandaria inúmeras linhas de código e o programador levaria muito tempo.

II. A utilização do CSS permite estruturar uma página Web, de forma eficaz, leve e rápida.

III. Uma desvantagem da utilização do CSS é a impossibilidade de combinar numa única imagem várias imagens de um site.

IV. Uma vantagem do CSS é o fato de seus elementos serem suportados por todos os browsers e consequentemente apresentam comportamento análogo nos diferentes browsers.

Dadas as afirmações acima, pode-se dizer que

“HTML e CSS são as tecnologias fundamentais para o desenvolvimento de páginas Web” (W3C Brasil).

Dada a frase acima, pode-se dizer que a opção que melhor define o significado da Tecnologia CSS é:

Abaixo segue um exemplo de trecho de código em CSS:

p.class { text-align:center; }

Ao analisar o trecho de código acima, pode-se deduzir que serão afetados pela propriedade “text-align:center” todos