Quiz sobre CSS e HTML

Na interface Web, ele é um arquivo independente do arquivo HTML no qual são declaradas propriedades e valores de estilização para os elementos do HTML. Trata-se de:

• CSS (Cascading Style Sheets)

• XML (eXtensible Markup Language)

• XHTML (eXtensible Hypertext Markup Language)

• RDF (Resource Description Framework)

A regra CSS é composta pela seguinte sintaxe. Seletor { propriedade: valor; }

• Certo

• Errado

CSS é um mecanismo que permite adicionar a documentos web estilos, como fontes, cores e espaçamentos.

• Certo

• Errado

HTML é uma linguagem de programação utilizada na construção de páginas na Web.

• Certo

• Errado

Ao projetar um website para visualização em resoluções de smartphones de baixo custo até FullHD (1920x1080), um webdesigner optou por posicionar a foto de uma paisagem (paisagem.jpg) como elemento decorativo no topo de cada página. Essa imagem deve ocupar toda a largura da página e deve possuir uma altura de 280 pixels. O código CSS para gerar a caixa que receberá a imagem é:

• { width: 100%; height: auto; background: url(paisagem.jpg) no-repeat; }

• { width: 1080px; height: 280px; background: url(paisagem.jpg) no-repeat; }

• { width: auto; height: 1080px; background: url(paisagem.jpg) no-repeat; }

• { width: 100%; height: 280px; background: url(paisagem.jpg) no-repeat; }

• { width: 1920px; height: auto; background: url(paisagem.jpg) no-repeat; }

O CSS permite a especificação de cores através de modelos distintos. São exclusivos do CSS3 os seguintes modelos:

• RGB, hexadecimal e nome da cor

• RGBA, CMYK e HSLA

• RGBA, HSL e HSLA

• RGB, HSL e hexadecimal

• RGB, CMYK e hexadecimal

CSS é uma linguagem de folha de estilo criada para:

• reduzir o tempo de carregamento de uma página, separando forma e conteúdo em arquivos distintos

• descrever a apresentação de um documento HTML ou XML através da definição de como os elementos devem ser exibidos em tela ou outros meios

• aumentar a segurança de um site através de criptografia

• criar animações complexas em JavaScript

• otimizar o SEO de um site

Considere uma página HTML5 que possui um elemento

contendo em seu interior um texto grande, de, aproximadamente, uma página. Para colocar este texto em 3 colunas nos navegadores Chrome, Safari e Opera, utilizando CSS3, deve-se inserir, no bloco CSS incorporado, a instrução

• .texto{-webkit-column-count:3}

• .texto{-moz-column-count:3}

• #texto{column-count:3}

• .texto{column-width:3}

• .texto{-column-count-width:3}

Na presença da seguinte declaração CSS: .center { text-align: center; color: red; } serão centralizados e coloridos de vermelho os textos incluídos:

• nos elementos HTML

  ...;

• nos elementos que possuem atributo id="center";

• nos elementos que possuem atributo class="center";

• nos elementos que possuem atributo name="center";

• na seção

  do documento.

Através do CSS3, assinale a alternativa que não deixa sublinhado o texto de hyperlinks quando se passa o cursor sobre eles:

• a) a:hover { underline: 0px; }

• b) a:hover { text-underline: none; }

• c) a:hover { text-decoration: none; }

• d) a:hover { decoration: 0px; }