CSS - Português Flashcards

1
Q

CSS, significado.

A

_Cascade Style Sheets, Folha de estilo em cascata.
_Define o estilo de um documento HTML = cores, fontes, espaço, alinhamento

_Não deve ser definida dentro do HTML

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

Estrutura

A

selector {property:value; property:value;}

selector é o elemento do html que você quer estilizar
property e value juntos formam uma declaration

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

‘inline’ =

A

colocar o css direto no arquivo HTML
Vc pode colocar direto no head, com uma tag chamada stlyle

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

Cores podem ser especificadas pelas seguintes formas

A
  • Nome
  • Valores RGB
  • Valores Hexadecimais
  • Valores HSL (CSS3)
  • Valores HWB (CSS4)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Hexadecimal

A

É um sistema numérico que consiste em 16 símbolos diferesntes (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F)
- Cor hexadecimal é definida por um conjunto de 6 símbolos #000000

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

Background-colour

A

é uma propriedade utilizada para definir a cor de fundo de um elemento.

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

background-image

A

colocar uma imagem no fundo do site // background-image: url(’www….’)

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

background-repeat: no-repeat:

A

( a imagem não se repete na tela)

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

border-width

A

Especifica a largura da borda. O valor padrão é “medium” ou 4px

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

border-style (required)

A

Especifica o estilo da borda. O valor padrão é “none”

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

border-color

A

Especifica a cor da borda. O valor padrão é a cor do texto

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

border:

A

border: border-width border-style border-color|initial|inherit;

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

id ou class

A

serve para mudar apenas alguns elementos
#ID

.Class

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

Seletor estrela (*) =

A

selciona todos os elementos do documento e aplica o estilo

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

Seletor de descendência

A

Modifica os elementos filhos de tags do html Ex: li a {border: 2px;} ou li > a {border: 2px;}

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

h1 + h4 {border: 4px dashed;}^

A

Aplica o estilo em todos os h2’s imediatamente posteriores aos h1’s

17
Q

a {href:’/recibo’}

A
18
Q

li:nth-of-type(odd) { color: green; }

A

pinta apenas os segundos tópicos

19
Q

Calculo da especificidade

A
  • Quanto mais a esquerda maior a relevância da população
  • Regras da pontuação (a,b,c,d)
    1° Cada elemento d vale +1
    2° Cada classe ou atributo c vale +1
    3° Cada id b vale +1
    4° O estilo inlise a vale +1
20
Q

Empate na especificidade

A

Quando há empate na pontuação, será considerado o último seletor a ser declarado

21
Q
A