Pular para o conteúdo principal

Questão de Programação — CSS (Cascading Style Sheets) — FCC 2022

ProgramaçãoCSS (Cascading Style Sheets)
Código
fc062365
Banca
FCC
Órgão
PGE-AM
Ano
2022
Cargo
Técnico em Gestão Procuratorial Especialidade Informática
Na utilização externa de CSS em páginas HTML, deve-se indicar um arquivo CSS que será usado na definição dos estilos dos elementos da página. Supondo que o arquivo a ser utilizado é o estilos.css, a instrução correta é
  1. A<@import type="style/css" src="estilos.css">
  2. B<link rel="stylesheet" href="estilos.css">
  3. C<style type="css" src="estilos.css"></style>
  4. D<link type="stylesheet" src="estilos.css">
  5. E<@require file="estilos.css" type="style/css">
Revelar gabarito e comentário

GabaritoB — <link rel="stylesheet" href="estilos.css">

Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.

CSS externo: tag <link>

Gabarito: letra B. A forma correta de incluir um arquivo CSS externo em HTML é utilizando a tag <link> com o atributo rel="stylesheet" e o atributo href apontando para o arquivo CSS. A alternativa B apresenta exatamente isso: <link rel="stylesheet" href="estilos.css">.

SE LIGUE NESSA!

As demais alternativas usam sintaxes inválidas para vincular CSS externo em HTML. Vejamos cada uma:

Alternativa A — ❌ Incorreta

<@import type="style/css" src="estilos.css"> — A diretiva @import é uma regra de CSS (usada dentro de um arquivo CSS ou dentro de uma tag <style>), não uma tag HTML. Além disso, a sintaxe está incorreta (atributos type e src não são usados nesse contexto).

Alternativa B — ✅ Correta ⟵ GABARITO

<link rel="stylesheet" href="estilos.css"> — Esta é a maneira padrão e correta de referenciar um arquivo CSS externo. O atributo rel define o relacionamento como "stylesheet" e href especifica o caminho do arquivo.

Alternativa C — ❌ Incorreta

<style type="css" src="estilos.css"></style> — A tag <style> é usada para CSS embutido (dentro do HTML), não para arquivo externo. Além disso, o atributo type correto seria "text/css" e não "css". O atributo src não é válido para <style>.

Alternativa D — ❌ Incorreta

<link type="stylesheet" src="estilos.css"> — O atributo type para CSS deve ser "text/css" e não "stylesheet". Além disso, falta o atributo rel="stylesheet", que é obrigatório para indicar que é uma folha de estilo.

Alternativa E — ❌ Incorreta

<@require file="estilos.css" type="style/css"> — Não existe a diretiva @require em HTML ou CSS. Isso parece uma confusão com diretivas de pré-processadores (como Sass) ou com a sintaxe de algumas linguagens de programação.

Gabarito: letra B

Link permanente: /questoes/fc062365