As 50 principais perguntas e respostas da entrevista CSS (2025)

Aqui estão as perguntas e respostas da entrevista CSS (CSS3) para calouros e também para candidatos experientes para conseguir o emprego dos sonhos.

Download grátis de PDF: Perguntas da entrevista CSS

1. O que é CSS?

A forma completa de CSS é Cascading Style Sheets. É uma linguagem de estilo simples o suficiente para HTML elementos. É popular em web design e sua aplicação também é comum em XHTML.

---

2. Qual é a origem do CSS?

A linguagem de marcação generalizada padrão marcou o início das folhas de estilo na década de 1980.

---

3. Quais são as diferentes variações de CSS?

As variações para CSS são:

• CSS 1
• CSS 2
• CSS 2.1
• CSS 3
• CSS 4

---

4. Quais são as limitações do CSS?

As limitações são:

•  Não é possível subir por seletores
• Limitações do controle vertical
• Sem expressões
• Nenhuma declaração de coluna
• Pseudoclasse não controlada por comportamento dinâmico
• Regras, estilos e segmentação de texto específico não são possíveis

---

5. Quais são as vantagens do CSS?

As vantagens são:

• Largura de Banda
• Consistência em todo o site
• Reformatação de página
• Acessibilidade
• Conteúdo separado da apresentação

---

6. O que são estruturas CSS?

É uma biblioteca pré-planejada, que permite um estilo de página da web mais fácil e compatível com os padrões, usando linguagem CSS.

---

7. Como os elementos do bloco podem ser centralizados com CSS1?

Os elementos de nível de bloco podem ser centralizados por:

As propriedades margin-left e margin-right podem ser definidas com algum valor explícito:

BODY {

width: 40em;

background: fluorescent;

}

P {

width: 30em;

margin-right: auto;

margin-left: auto

}

Neste caso, as margens esquerda e direita terão, cada uma, cinco ems de largura, uma vez que dividem os dez ems que sobraram de (40em-30em). Não era necessário configurar uma largura explícita para o elemento BODY; isso foi feito aqui por simplicidade.

---

8. Quem mantém as especificações CSS?

O World Wide Web Consortium mantém as especificações CSS.

---

9. De quantas maneiras um CSS pode ser integrado como uma página web?

CSS pode ser integrado de três maneiras:

• Inline: o atributo Style pode ser usado para aplicar elementos HTML CSS.
• Incorporado: o elemento Head pode ter um elemento Style dentro do qual o código pode ser colocado.
• Vinculado/Importado: CSS pode ser colocado em um arquivo externo e vinculado por meio do elemento link.

---

10. Quais são os benefícios e deméritos das folhas de estilo externas?

Benefícios:

• Um arquivo pode ser usado para controlar vários documentos com estilos diferentes.
• Vários elementos HTML podem ter muitos documentos, que podem ter classes.
• Para agrupar estilos em situações compostas são utilizados métodos como seletor e agrupamento.

Demerits:

• É necessário download extra para importar documentos com informações de estilo.
• Para renderizar o documento, a folha de estilos externa deve ser carregada.
• Não é prático para pequenas definições de estilo.

---

11. Discuta os méritos e deméritos das folhas de estilo incorporadas?

Méritos das folhas de estilo incorporadas:

• Vários tipos de tags podem ser criados em um único documento.
• Os estilos, em situações complexas, podem ser aplicados usando os métodos Seletor e Agrupamento.
• Download extra é desnecessário.

Deméritos das folhas de estilo incorporadas:

• Vários documentos não podem ser controlados.

---

12. O que significa seletor CSS?

Uma string equivalente a elementos HTML pela qual as declarações ou um conjunto delas são declaradas e é um link que pode ser referenciado para vincular HTML e folha de estilo é o seletor CSS.

---

13. Listar os tipos de mídia que o CSS permite?

O design e a customização dos documentos são prestados pela mídia. Ao aplicar controle de mídia sobre as folhas de estilo externas, elas podem ser recuperadas e usadas carregando-as da rede.

---

14. Diferenciar tags lógicas de tags físicas?

• Embora as tags físicas também sejam chamadas de marcação de apresentação, as tags lógicas são inúteis para aparências.
• As tags físicas são versões mais recentes, enquanto as tags lógicas são antigas e concentram-se no conteúdo.

---

15. Diferenciar o conceito de Folha de Estilo do HTML?

Embora o HTML forneça um método de estrutura fácil, ele carece de estilo, ao contrário das folhas de estilo. Além disso, as folhas de estilo têm melhores recursos de navegador e opções de formatação.

---

16. Descreva o 'conjunto de regras'?

Conjunto de regras: os seletores podem ser anexados a outros seletores para serem identificados pelo conjunto de regras.

Tem duas partes:

• Seletor, por exemplo, R e
• declaração {recuo do texto: 11pt}

---

17. Comentário sobre a distinção entre maiúsculas e minúsculas do CSS?

Embora não haja distinção entre maiúsculas e minúsculas no CSS, no entanto, famílias de fontes, URLs de imagens, etc. Apenas quando XML declarações junto com XHTML DOCTYPE estão sendo usadas na página, CSS diferencia maiúsculas de minúsculas.

---

18. Definir bloco de declaração?

Um catálogo de instruções entre colchetes que consiste em propriedade, dois pontos e valor é chamado de bloco de declaração.
por exemplo: [propriedade 1: valor 3]

---

19. Listar os atributos das diversas fontes?

Eles são:

• Estilo de fonte
• Variante de fonte
• Espessura da fonte
• Tamanho da fonte/altura da linha
• Família de fontes
• Subtítulo
• ícone

 

---

20. Por que é fácil inserir um arquivo importando-o?

A importação permite combinar folhas externas para serem inseridas em várias folhas. Diferentes arquivos e planilhas podem ser usados ​​para ter funções diferentes. Sintaxe:

Notação @import, usada com tag.

---

21. Qual é o uso do seletor de classe?

Os seletores exclusivos de um estilo específico são chamados de seletores CLASS. A declaração de estilo e associação com HTML pode ser feita através deste. Sintaxe:

Nome da classe
pode ser AZ, az ou dígitos.
.top {font: 14em ;}, seletor de classe
esta classe está associada ao elemento

---

22. Diferenciar o seletor de classe do seletor de ID?

Embora um bloco geral seja fornecido ao seletor de classe, o seletor de ID prefere apenas um único elemento diferente de outros elementos. Em outras palavras, os ID são únicos, enquanto as classes não. É possível que um elemento tenha classe e ID.

---

23. É possível adicionar mais de uma declaração em CSS?

Sim, isso pode ser feito usando ponto e vírgula.

---

24. O que são pseudoelementos?

Pseudoelementos são usados ​​para adicionar efeitos especiais a alguns seletores. CSS é usado para aplicar estilos na marcação HTML. Em alguns casos, quando marcação ou estilo extra não é possível para o documento, existe um recurso disponível em CSS conhecido como pseudoelementos. Isso permitirá marcações extras no documento sem perturbar o documento real.

---

25. Como anular o sublinhado de hiperlinks?

Instruções de controle e folhas de estilo externas são usadas para substituir hiperlinks sublinhados.

Por exemplo:

B {

text-decoration: none;

}

<B href="career.html" style="text-decoration: none">link text</B>

 

---

26. O que acontece se 100% de largura for usada junto com pontos flutuantes em toda a página?

Ao fazer a declaração float, 1 pixel é adicionado cada vez que é usado na forma de borda, e ainda mais float é permitido a partir de então.

---

27. O valor da propriedade padrão pode ser restaurado por meio de CSS? Se sim, como?

Em CSS, você não pode voltar aos valores antigos devido à falta de valores padrão. A propriedade pode ser declarada novamente para obter a propriedade padrão.

---

28. Liste os vários tipos de mídia usados?

Diferentes mídias têm propriedades diferentes, pois não diferenciam maiúsculas de minúsculas.

Eles são:

• Aural – para sintetizadores de som e fala
• Imprimir – fornece uma visualização do conteúdo quando impresso
• Projeção – projeta o CSS em projetores.
• Portátil- usa dispositivos portáteis.
• Tela- telas de computadores e laptops.

---

29. O que é CSS Box Model e quais são seus elementos?

Esta caixa define o design e layout dos elementos CSS. Os elementos são:

Margem: a camada superior, a estrutura geral é mostrada
Fronteira: a opção de preenchimento e conteúdo com uma borda ao redor é mostrada. A cor de fundo afeta a borda.
Acolchoamento: O espaço é mostrado. A cor de fundo afeta a borda.
Conteúdo: O conteúdo real é mostrado.

---

30. O que é seletor contextual?

O seletor usado para selecionar ocorrências especiais de um elemento é chamado seletor contextual. Um espaço separa os seletores individuais. Apenas o último elemento do padrão é abordado neste tipo de seletor. Por exemplo: TD P TEXT {cor: azul}

---

31. Compare valores RGB com códigos de cores hexadecimais?

Uma cor pode ser especificada de duas maneiras:

• Uma cor é representada por 6 caracteres, ou seja, codificação de cores hexadecimal. É uma combinação de números e letras e é precedido por #. por exemplo: g {cor: #00cjfi}
• Uma cor é representada por uma mistura de vermelho, verde e azul. O valor de uma cor também pode ser especificado. ex.: rgb(r,g,b): Neste tipo os valores podem estar entre os números inteiros 0 e 255. rgb(r%,g%,b%): é mostrada a porcentagem de vermelho, verde e azul.

---

32. Definir sprites de imagem com contexto para CSS?

Quando um conjunto de imagens é colaborado em uma imagem, isso é conhecido como 'Image Sprites'. Como carregar cada imagem em uma página da web consome tempo, o uso de sprites de imagem diminui o tempo gasto e fornece informações rapidamente.

Codificação CSS:

img.add { width: 60px; height: 55px; background: url (image.god) 0 0; }

 

Neste caso, apenas a parte necessária é utilizada. O usuário pode economizar margem e tempo substanciais com isso.

---

33. Compare agrupamento e aninhamento em CSS?

Agrupamento: Os seletores podem ser agrupados tendo os mesmos valores de propriedade e o código reduzido.
Por exemplo :

h1 {

color: blue;

}

h2 {

color: blue;

}

p {

color: blue;

}

 

Pode-se ver no código que cada elemento compartilha a mesma propriedade. A reescrita pode ser evitada escrevendo cada seletor separado por vírgula.

Aninhamento: Especificar um seletor dentro de um seletor é chamado de aninhamento.

P

{

color: red;

text-align: left;

}

.marked

{

background-color: blue;

}

.marked p

{

color: green;

}

 

---

34. Como pode ser definida a dimensão de um elemento?

As propriedades da dimensão podem ser definidas por:

• Altura
• Altura máxima
• Largura máxima
• Altura mínima
• Largura mínima
• Largura

---

35. Definir propriedade float do CSS?

Pela propriedade float, a imagem pode ser movida para a direita ou para a esquerda junto com o texto a ser contornado. Os elementos antes da aplicação desta propriedade não alteram suas propriedades.

---

36. Como funciona o índice Z?

A sobreposição pode ocorrer ao usar CSS para posicionar elementos HTML. O índice Z ajuda a especificar o elemento sobreposto. É um número que pode ser positivo ou negativo, sendo o valor padrão zero.

---

37. O que é degradação graciosa?

Caso o componente falhe, ele continuará funcionando corretamente na presença de uma degradação normal. O aplicativo de navegador mais recente é usado quando uma página da web é projetada. Como não está disponível para todos, existe uma funcionalidade básica, que permite a sua utilização por um público mais vasto. Caso a imagem não esteja disponível para visualização, o texto é mostrado com a tag alt.

---

38. O que é aprimoramento progressivo?

É uma alternativa à degradação graciosa, que se concentra na questão da web. A funcionalidade é a mesma, mas oferece uma vantagem extra para usuários que possuem a largura de banda mais recente. Recentemente, ele tem sido usado de forma proeminente, com conexões de Internet móvel expandindo sua base.

---

39. Como a compatibilidade com versões anteriores pode ser projetada em CSS?

Os métodos de planilha HTML são colaborados com CSS e usados ​​de acordo.

---

40. Como remover a lacuna sob a imagem?

Como as imagens sendo elementos embutidos são tratadas da mesma forma que os textos, resta uma lacuna, que pode ser removida por:

APF

img { display: block ; }

 

---

41. Por que @import está apenas no topo?

@import é preferido apenas no topo, para evitar quaisquer regras de substituição. Geralmente, a ordem de classificação é seguida na maioria das linguagens de programação, como Java, Modula, etc. Em C, o # é um exemplo proeminente de @import estar no topo.

---

42. Qual dos seguintes é mais precedente: propriedades CSS ou procedimentos HTML?

CSS tem mais precedente sobre os procedimentos HTML. Os navegadores, que não possuem suporte CSS, exibem atributos HTML.

---

43. O que é estilo Inline?

O estilo Inline em CSS é usado para adicionar estilo a elementos HTML individuais.

---

44. Como podem ser adicionados comentários em CSS?

Os comentários em CSS podem ser adicionados com /* e */.

---

45. Definir seletor de atributos?

É definido por um conjunto de elementos, valor e suas partes.

---

46. ​​Defina propriedade?

Um estilo que ajuda a influenciar o CSS. Por exemplo, FONTE. Eles têm valores ou propriedades correspondentes dentro deles, como FONT tem estilos diferentes, como negrito, itálico, etc.

---

47. O que é folha de estilo alternativa?

Folhas de estilo alternativas permitem ao usuário selecionar o estilo no qual a página será exibida usando o menu visualizar>estilo de página. Através da Folha de Estilo Alternativa, o usuário pode ver uma versão múltipla da página de acordo com suas necessidades e preferências.

---

48. As aspas são obrigatórias nas URLs?

As aspas são opcionais em URLs e podem ser simples ou duplas.

---

49. O que é regra?

A regra, que é aplicável em toda a planilha e não parcialmente, é conhecida como regra. É precedido por @ seguido de AZ, az ou 0-9.

---

50. Como o CSS pode ser conectado em cascata para combinar com a planilha pessoal do usuário?

As propriedades podem ser definidas em locais recomendados e o documento modificado para CSS misturar com a planilha pessoal do usuário.

Essas perguntas da entrevista também ajudarão na sua viva (oral). Em todos os setores, o uso de sites e aplicações web aumenta a cada dia, e o CSS é uma parte essencial para construir sites atraentes. Portanto, há uma grande demanda por UI/UX e Web designers que tenham um bom conhecimento de CSS com HTML.