Questões de Concurso sobre CSS

Com relação às regras escritas em CSS3, o papel da propriedade padding em um box é definir

No contexto do CSS numa página Web, assinale o script que estabelece que todos os elementos <p> serão exibidos de acordo com a definição dos estilos.

No contexto do uso de CSS para aplicar estilos a elementos HTML numa página web, o seletor universal, que referencia todos os elementos, é identificado pelo símbolo:

Há duas formas de utilizarmos as folhas de estilos CSS (Cascading Style Sheets) em nossos projetos. A primeira é usarmos diretamente nas tags HTML, ou seja, junto com a marcação e a segunda é definirmos um arquivo com a extensão .css e o vincularmos, por meio de tags, às nossas páginas. Sobre as formas apresentadas julgue.

No CSS, a propriedade outline é uma linha desenhada

A sigla CSS, que tem por significado Cascading Style Sheet, é uma linguagem que cuida da apresentação visual de páginas web por meio de regras de estilos. CSS oferece sintaxes variadas para se definir cor, como descrito a seguir.

I. A sintaxe RGBA é especificada por rgba(red, green, blue, alpha) e constitui um extensão do RGB, com o uso do parâmetro alpha, que especifica a opacidade de uma cor, um número entre 0.0 para totalmente transparente e 1.0 para totalmente opaca.

II. A sintaxe HSL é especificada por hsl(hue, saturation, lightness), onde “hue” fornece a cor por meio de valor entre 0 e 360, sendo 0 para vermelho, 120 para verde e 240 para azul. O parâmetro “saturation” é definido por meio de percentagem na qual 100% é cor cheia e “lightness” é também uma percentagem, com 0% para preto e 100% para branco.

Nesse contexto, as figuras demonstram a sintaxe CSS no código em (a) e o resultado do processamento em (b), a seguir.

(a)

(b)

Nessas condições, as siglas SP e RJ serão mostradas com fonte na cor preta, mas com fundos, respectivamente, nas seguintes cores:

Considere a página HTML:

__<html>

__<body>

__<form action="/action_page.php">

____<label for="fname">Nome: </label>

____<input ____type="text" ____id="fname"

__name="fname"><br><br>

____<input type="submit" value="Submit">

__</form>

__</body>

__</html>

Considere a aplicação da folha de estilos sobre a página:

__input {background-color: yellow;}

__input[type="submit"]:active {background-color: pink;}

__input[type="text"]:focus {background-color: green;}

__input[type="text"]:focus:hover {background-color:

__red;}

Após o carregamento da página, o usuário realizou as ações:

1. moveu o ponteiro do mouse para cima do campo de texto;

2. clicou no campo de texto;

3. moveu o ponteiro do mouse para fora do campo de texto;

4. clicou no fundo da página, fora do campo de texto.

Após as ações executadas sequencialmente, qual será a cor do elemento fname?

Considere o fragmento de código HTML5, abaixo:

<body>

<div class="topo">

<div class="logo"></div>

<div class="slogan"></div>

</div>

</body>

Considere, também, o fragmento de código CSS, abaixo, para o código HTML5 apresentado.

div.topo{width:100%;height:150px;background-color:yellow; ..I.. }

div.logo{background-color:blue; flex:1}

div.slogan{background-color:green; flex:1}

Para que as divisões logo e slogan apareçam uma do lado da outra, com tamanhos iguais, preenchendo toda a divisão topo,

a lacuna I deve ser corretamente preenchida por

CSS é a sigla em inglês para Cascading Style Sheet – “Folha de Estilo em Cascata”, um recurso utilizado pelos web designers para adicionar estilos aos documentos Web. As folhas de estilo podem ser vinculadas a um documento HTML de três modos distintos, sendo dois deles caracterizados a seguir.

I. As regras CSS são declaradas dentro da tag do elemento HTML com uso do atributo style, só se aplicando a um elemento HTML.

II. As regras CSS são declaradas em um documento a parte do documento HTML, constituindo um arquivo separado do arquivo, gravado com a extensão .css.

Os modos I e II são denominados, respectivamente:

No contexto do CSS, considere os seguintes seletores.

h1, xxxx

.xxxx, #d345

#xxxx

xxxx:hover

A lista que indica corretamente a natureza do objeto correspondente ao símbolo “xxxx” em cada linha, respectivamente, é:

No contexto do CSS3, assinale o script que define corretamente a formatação para todos os elementos h1 de um documento.

O CSS (Cascading Style Sheets) é usado para estilizar e definir o layout de páginas da web. As suas regras são compostas por um seletor e um bloco de declaração. No bloco de declaração, as declarações são separadas por:

Um perito está trabalhando em uma causa que foca homepages de um site, no que diz respeito ao uso da tecnologia CSS, que tem por significado Folha de Estilo em Cascata, definido como o código que um web designer usa para dar estilo a uma página Web. O layout CSS é baseado principalmente no modelo de caixas, sendo que cada um dos blocks que ocupam espaço na sua página tem propriedades como as listadas a seguir e ilustradas por meio da figura abaixo.

I. P1 – o espaço ao redor do conteúdo, ao redor do texto de um parágrafo.

II. P2 – a linha sólida do lado de fora do padding.

III. P3 – o espaço externo a um elemento.

As propriedades P1, P2 e P3 descritas em I, em II e em III são denominadas, respectivamente,

Uma maneira bastante conveniente de estilizar links é fazendo uso de CSS (Cascading Style Sheets). Sobre essa ferramenta, o uso de a:focus {}

No CSS um seletor seleciona o(s) elemento(s) HTML que se deseja estilizar. Esse seletor pode ser de diversos tipos, dentre eles, o caractere que representa o seletor de id é o

Observe o código HTML da Figura 6 abaixo:

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="estilo.css">

</head>

<body>

<p>Opções:</p>

<div id="nav">

<ul class="a">

<li>Opção 1</li>

<li>Opção 2</li>

</ul>

<a href="#a">Voltar</a>

<p class="a">Sistemas CIGA</p>

</div>

</body>

</html>

Figura 6

Deseja-se que ele seja apresentado em um navegador como mostra o quadro abaixo:

Quadro 02

O conteúdo do arquivo “estilo.css” que produz o resultado da figura acima é o que consta na alternativa:

Em um contêiner criado pela tag div há vários contêineres menores. Para que estes contêineres internos sejam posicionados um ao lado do outro horizontalmente, pode ser utilizada, em todos eles, a instrução CSS:

Cascading Style Sheets (CSS) descreve como elementos devem ser mostrados na tela, papel ou outra mídia. Considere as três afirmativas a seguir e depois informe quais delas estão corretas entre as opções a seguir.

I. CSS pode ser adicionado a HTML de três formas diferentes, usando as terminologias em inglês de inline, internal e external

II. É possível usar CSS para mudar o estilo de formatação de todo conteúdo, por exemplo, de um elemento ou tag específico em HTML

III. CSS foi criado especificamente com o objetivo de estender HTML com novos elementos ou tags que não foram previstos inicialmente pelo padrão HTML

Cores em folhas de estilo CSS podem ser definidas de várias formas, sendo duas delas caracterizadas a seguir.

I. No esquema hexadecimal, uma cor é especificada com #RRGGBB, sendo que para RR (red), GG (green) e BB (blue) se utilizam dois caracteres na faixa de 00 a FF para representar a intensidade das cores. Por exemplo: #p1 {background-color: #00ff00;}

II. No esquema RGB, para definir a intensidade das cores são utilizados inteiros entre 0 e 255 ou uma percentagem entre 0 e 100%. Por exemplo: #p2 {background-color: rgb(255, 255, 255);}

Nas sintaxes exemplificadas em I e II as cores são, respectivamente:

O CSS permite anexar estilos a elementos estruturados, em documentos HTML ou em aplicativos XML. Com o CSS 3, é possível flutuar o <nav>, colocar bordas no <header> e no <footer>, além de incluir margens e deslocamentos no <article>.