NEW
Font size
WorksheetsQUIZ: CSS básico
Total questions: 24
Worksheet time: 24mins
Podemos dizer que o CSS...
pode ser aplicado internamente (no próprio arquivo HTML) e/ou externamente (em um arquivo CSS separado)
pode ser aplicado apenas internamente (no próprio arquivo HTML)
pode ser aplicado apenas externamente (em um arquivo CSS separado)
precisa ser aplicado internamente (no próprio arquivo HTML) e também externamente (em um arquivo CSS separado)
Qual é a PRINCIPAL vantagem de usar CSS em um arquivo externo em vez do CSS interno (dentro do arquivo HTML)?
Você pode usar facilmente os mesmos estilos em múltiplas páginas HTML
O CSS externo carrega mais rapidamente que o CSS interno
É mais fácil de escrever se o CSS estiver em arquivo separado
O CSS em arquivo externo funciona melhor em navegadores antigos
No que diz respeito à manutenção do código, qual afirmação sobre usar o CSS em arquivo externo está CORRETA?
Dá mais trabalho manter o CSS externo do que o interno
O CSS interno não permite fazer backup dos estilos
se o CSS estiver em arquivo separado você precisa reescrever o CSS para cada página
O CSS em arquivo externo centraliza os estilos, o que facilita atualizações globais
Você vai criar um site e prevê que ele terá 50 páginas HTML. Qual é, nesse caso, a principal vantagem de usar o CSS em arquivo externo?
Cada página carrega independentemente
Uma alteração no CSS se aplica automaticamente a todas as páginas
O código HTML fica menos longo, o que garante um carregamento mais rápido
Não há vantagens significativas
Quando pode ser apropriado usar CSS INTERNO em vez de EXTERNO?
Quando se quer melhor performance
Para estilos específicos de uma única página
Para estilos que serão reutilizados
Em sites com muitas páginas
Em termos de SEO (otimização para os motores de busca), pode ser vantajoso usar o CSS em arquivo externo?
Não, esse aspecto não tem qualquer impacto no SEO
Sim, porque o CSS externo reduz o tempo de carregamento do site, o que reflete em melhor experiência do usuário
Não, o CSS interno seria melhor nesse aspecto
Sim, pois a IA que avalia o SEO tem menos trabalho
O que é um seletor CSS?
Um recurso usado para selecionar elementos JavaScript e aplicar estilos a eles.
Uma parte do código CSS que permite selecionar elementos HTML específicos e aplicar estilos a eles.
Uma função JS usada para selecionar elementos HTML específicos e aplicar estilos a eles.
Uma parte do código HTML que é usado para selecionar elementos CSS específicos e aplicar estilos a eles.
Qual propriedade CSS altera a cor do texto de um parágrafo?
background-color
border-color
font-family
color
Em CSS é obrigatório o uso do ";" (ponto e vírgula) para separar as declarações?
Não, a interpretação é flexível e, portanto, o uso de ";" é facultativo
Sim, pois sem ele o navegador pode não conseguir interpretar corretamente o código CSS
Não, o uso de ";" serve apenas para tornar o código mais inteligível
Sim, embora alguns navegadores não o exijam
Você deseja que a cor de fundo de sua página fique azul. Qual opção permite você fazer isso no CSS?
body-color: blue;
background-color: blue;
color: background;
font-background: blue;
Qual das opções aplica uma borda vermelha sólida de 1 pixel ao parágrafo?
border: red solid 1px;
border: 1px dotted red;
border: solid red;
border: 1px red dashed;
Qual das opções aplica o PRETO como cor de fundo?
background-color: #000000;
bg-color: #ffffff;
color-background: #666333;
background: color-black;
Para criar uma borda sólida de 2px na cor preta, qual sintaxe está correta?
border: 2px solid black;
border: solid 2px black;
border: black solid 2px;
Todas as alternativas estão corretas
Qual declaração muda a fonte do texto de todo o corpo da página?
font-style: Arial;
body-font: Arial;
font-family: Arial;
body { font-family: Arial; }
Para mudar a cor da borda de um elemento para verde, usamos:
color-border: green;
border-color: green;
background-border: green;
outline-color: green;
Qual é a função da propriedade 'font-size' em CSS?
Definir o estilo da fonte
Definir o tamanho da fonte
Definir a família da fonte
Definir a cor da fonte
O que esse código faz?
Altera o tamanho da borda do título
Define o tamanho da fonte do título para 24 pixels
Aplica uma margem de 24px ao título
Define o tamanho da fonte do título para 24 cm
Qual declaração CSS define o tamanho da fonte para 16 pixels em um parágrafo?
font-size: 16pt;
p { font-size: 16px; }
size-font: 16px;
p-font: 16px;
Como aplicar um fundo cinza em todo o corpo da página?
body { background-color: gray; }
p { background-color: gray; }
body { color: gray; }
background: gray all;
Qual das seguintes NÃO é uma forma válida de definir a cor vermelha em CSS?
color: red;
color: #FF0000;
color: rgb(255, 0, 0);
color: red(255);
Qual sintaxe está correta para definir as fontes?
font-family: Arial, sans-serif;
font-family: Arial or sans-serif;
font-family: Arial | sans-serif;
font-family: Arial + sans-serif;
O que esse código faz?
Coloca o texto do parágrafo na cor amarela
Aplica uma borda amarela ao parágrafo
Alinha o parágrafo ao centro e deixa ele amarelo
Define o fundo do parágrafo como amarelo
Para criar um parágrafo com fundo amarelo, texto azul, borda preta de 1px e fonte Arial, qual código está correto?
p { background: yellow; color: blue; border: 1px solid black; font: Arial; }
p { background-color: yellow; color: blue; border: 1px solid black; font-family: Arial; }
p { bg: yellow; text-color: blue; border: black 1px solid; font: Arial; }
p { background: yellow; font-color: blue; border: 1px black; font-family: Arial; }
Como declarar uma classe chamada "destaque" que altera a cor de fundo para amarelo?
class destaque { background-color: yellow; }
.destaque { background-color: yellow; }
#destaque { background-color: yellow; }
destaque.class { background-color: yellow; }
