Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

Desenvolvimento de aplicações WEB e MOBILE > CSS > Flashcards

CSS Flashcards

(68 cards)

Start Studying
1
Q

O que significa CSS?

A

Cascading Style Sheets (Folhas de Estilo em Cascata).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Qual é a função do CSS?

A

Estilizar e definir o layout de elementos HTML em uma página web.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Quais são os tipos de CSS?

A

Inline, Interno (no <style>), Externo (em arquivo .css).</style>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Como vincular um arquivo CSS externo ao HTML?

A

Usando a tag <link> no <head>:

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

O que é uma propriedade CSS?

A

É o nome de um estilo que pode ser aplicado a um elemento, como color, font-size, etc.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

O que é um seletor CSS?

A

É usado para selecionar elementos HTML para aplicar estilos.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

O que faz o seletor * no CSS?

A

Seleciona todos os elementos da página.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Como selecionar um elemento por ID no CSS?

A

Usando o símbolo # seguido do ID, ex.: #meuID { color: red }

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Como selecionar elementos por classe no CSS?

A

Usando o símbolo . seguido do nome da classe, ex.:

.minhaClasse { color: blue }

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Como aplicar estilos a todos os <p> de uma página?

A

Usando o seletor de elemento:
p { color: green }

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

O que é o modelo de caixa (box model) no CSS?

A

É o modelo que define o layout de elementos como sendo compostos por: content, padding, border e margin.

MBPC

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Qual é a diferença entre padding e margin?

A

padding é o espaço interno entre o conteúdo e a borda, margin é o espaço externo entre a borda e outros elementos.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Como definir uma cor de fundo para um elemento?

A

Usando a propriedade background-color, ex.: background-color: yellow

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Como alterar a cor do texto de um elemento?

A

Usando a propriedade color, ex.: color: red

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Como alterar a fonte de um texto no CSS?

A

Usando a propriedade font-family, ex.: font-family: Arial, sans-serif

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Como definir o tamanho da fonte de um texto?

A

Usando a propriedade font-size, ex.: font-size: 16px

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Como alinhar texto ao centro no CSS?

A

Usando a propriedade text-align: center

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Quais são os valores possíveis da propriedade position?

A

static, relative, absolute, fixed, sticky.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

O que faz a propriedade z-index?

A

Controla a ordem de empilhamento de elementos, onde valores maiores ficam “sobre” os menores.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

O que faz a propriedade display?

A

Define como um elemento HTML deve ser exibido na página.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Qual a diferença entre inline e block no CSS?

A

Elementos inline não quebram linha e ocupam apenas o espaço necessário, enquanto block ocupam toda a largura disponível e quebram linha.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

O que faz a propriedade overflow?

A

Controla o que acontece com conteúdo que ultrapassa os limites do elemento, com valores como visible, hidden, scroll, auto.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Como criar bordas arredondadas no CSS?

A

Usando a propriedade border-radius, ex.: border-radius: 10px

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Como criar sombras em elementos no CSS?

A

Usando a propriedade box-shadow, ex.: box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Como definir uma largura máxima para um elemento?
Usando a propriedade max-width, ex.: max-width: 600px
26
Qual a diferença entre min-width e max-width?
min-width define a largura mínima de um elemento, e max-width define a largura máxima.
27
Como centralizar um elemento horizontalmente usando margin?
Definindo margin: auto em um elemento com largura fixa.
28
O que é flexbox no CSS?
É um modelo de layout que facilita o alinhamento e distribuição de elementos em contêineres.
29
Qual é a propriedade usada para ativar o flexbox?
display: flex
30
Como alinhar itens horizontalmente ao centro usando flexbox?
Usando justify-content: center
31
Como alinhar itens verticalmente ao centro usando flexbox?
Usando align-items: center
32
O que é a propriedade grid no CSS?
É um modelo de layout baseado em grades, que organiza elementos em linhas e colunas.
33
Qual é a propriedade usada para ativar o grid?
display: grid
34
Como definir o número de colunas em um grid?
Usando a propriedade grid-template-columns, ex.: grid-template-columns: 1fr 1fr 1fr
35
Como definir espaçamento entre itens no grid?
Usando a propriedade gap, ex.: gap: 10px
36
O que faz a propriedade transition no CSS?
Adiciona animações suaves entre mudanças de estado, ex.: transition: all 0.3s ease
37
Como adicionar uma animação no CSS?
Usando a propriedade animation com um @keyframes, ex.: animation: move 2s infinite
38
Quais são os principais valores de position?
static (padrão), relative (relativo à sua posição normal), absolute (relativo ao contêiner pai posicionado), fixed (relativo à janela do navegador), sticky (muda entre relative e fixed).
39
Como fazer um elemento ocupar 100% da largura da tela?
Usando width: 100%
40
O que é uma pseudo-classe no CSS?
É usada para estilizar elementos em estados específicos, ex.: :hover, :focus, :nth-child().
41
O que é uma pseudo-elemento no CSS?
É usado para estilizar partes específicas de um elemento, ex.: ::before, ::after.
42
Como aplicar estilos diferentes ao passar o mouse sobre um elemento?
Usando a pseudo-classe :hover, ex.: a:hover { color: red
43
Como estilizar o primeiro item de uma lista?
Usando :first-child, ex.: li:first-child { font-weight: bold
44
Como estilizar todos os itens pares de uma lista?
Usando :nth-child(even), ex.: li:nth-child(even) { background-color: lightgray
45
Para que serve a propriedade clip-path?
Define uma área de recorte para um elemento, exibindo apenas a parte dentro da área definida.
46
O que é herança no CSS?
Herança no CSS é o mecanismo pelo qual algumas propriedades de estilo são passadas de elementos pais para seus filhos.
47
Quais são algumas propriedades que são herdadas por padrão no CSS?
Propriedades herdadas incluem color, font-family, font-size, line-height e text-align.
48
Quais são algumas propriedades que não são herdadas por padrão no CSS?
Propriedades não herdadas incluem margin, padding, border e background.
49
Como você força um elemento a herdar uma propriedade do pai no CSS?
Você usa a palavra-chave inherit.
50
O que faz a palavra-chave initial no CSS?
A palavra-chave initial define a propriedade para seu valor padrão, que pode variar dependendo da propriedade.
51
O que faz a palavra-chave unset?
A palavra-chave unset reseta a propriedade para herdar se for uma propriedade herdável ou para seu valor inicial se não for.
52
Como a herança pode ser manipulada em um elemento filho?
A herança pode ser manipulada aplicando estilos específicos ao elemento filho ou usando palavras-chave como inherit, initial e unset.
53
O que são unidades relativas no CSS?
Unidades relativas são unidades de medida que dependem de outras dimensões como o tamanho da fonte do elemento pai ou a viewport.
54
O que significa a unidade em no CSS?
em refere-se ao tamanho da fonte do elemento pai. Se não definido herda do elemento avô.
55
O que é a unidade rem?
rem refere-se ao tamanho da fonte do elemento raiz () proporcionando uma unidade consistente independente da hierarquia.
56
Como funciona a unidade de porcentagem % no CSS?
A porcentagem define dimensões em relação ao elemento pai e pode ser aplicada a propriedades como width height padding e margin.
57
O que significa vw e como é calculado?
vw significa viewport width e representa 1% da largura total da viewport.
58
O que é vh em CSS?
vh significa viewport height e representa 1% da altura total da viewport.
59
O que é a unidade vmin?
vmin representa a menor dimensão da viewport seja largura ou altura.
60
O que significa vmax no CSS?
vmax representa a maior dimensão da viewport seja largura ou altura.
61
Por que rem é preferido em muitos casos?
rem é preferido por fornecer mais consistência ao longo da hierarquia de elementos ao contrário do em que depende do tamanho da fonte do pai.
62
Como as unidades relativas ajudam no design?
Elas permitem que os elementos se ajustem automaticamente ao tamanho da tela ou ao tamanho da fonte do pai facilitando o design responsivo.
63
Para colocar a cor de fundo vermelha apenas dos campos (inputs) do tipo text de um formulário, utiliza-se a instrução CSS
input [type=text] {background-color: #ff0000}
64
O que são Seletores Pseudo-classes?
As pseudo-classes são usadas para definir o estado de um elemento. Lembrar que são os com 1 : :hover Estiliza quando o elemento é sobrevoado pelo mouse. :focus Estiliza quando o elemento está em foco. :nth-child(n) Seleciona o n-ésimo filho de um elemento pai. :first-child Seleciona o primeiro filho de um elemento pai. :last-child Seleciona o último filho de um elemento pai. :not(selector) Seleciona elementos que não correspondem ao seletor. :checked Estiliza inputs (checkbox/radio) que estão marcados.
65
O que são Seletores Pseudo-elementos?
Os pseudo-elementos permitem que você estilize uma parte específica de um elemento. Lembrar que são os com 2 :: ::before Insere conteúdo antes do conteúdo real do elemento. ::after Insere conteúdo depois do conteúdo real do elemento. ::first-line Estiliza apenas a primeira linha do texto. ::first-letter Estiliza apenas a primeira letra do texto. ::selection Estiliza o texto que está selecionado pelo usuário. ::placeholder Estiliza o texto do placeholder em inputs/textareas.
66
o que é Normalize CSS
Normalize CSS é uma abordagem que mantém os estilos padrão de elementos HTML, mas os normaliza, ou seja, os ajusta para que sejam mais consistentes entre navegadores.
67
o que é Reset CSS
Reset CSS é uma técnica que redefine as propriedades de estilo de todos os elementos HTML para um estado padrão
68
Qual a tag relacionada com animações no CSS?
@keyframes

Desenvolvimento de aplicações WEB e MOBILE (3 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2025 Bold Learning Solutions. Terms and Conditions