Apostila de css

CSS
CURSO W3C ESCRITÓRIO BRASIL

ÍNDICE
1.

CSS

5

2.

Seletores complexos

7

3.

Gradiente

11

4.

Columns

15

5.

Transform 2D

17

6.

Transições e animações

21

7.

Bordas

31

8.

Múltiplos backgrounds

35

9.

Módulo Template Layout

37

10.

Cores

45

O que é CSS?
O que é um seletor?
Exemplo de funcionamento
“Stops” ou definindo o tamanho do seu gradiente column-count column-width column-gap CSS Transform na prática
Várias transformações em um único elemento transform-origin O básico: propriedade transition
Propriedade animation e regra keyframe
Definindo ciclos
Dividindo a imagem
Comportamento da imagem
Aplicação

Sintaxe e funcionamento
O funcionamento da propriedade display
Definindo a largura e altura dos slots
O funcionamento da propriedade position
Pseudo-elemento ::slot()
RGBA

RGBA e a diferença da propriedade OPACITY currentColor 5
7
8

12
15
15
16
17
18
18
21
24
28
31
32
32

39
39
41
42
43
45
45
47

11.

Paged media

49

12.

@font-face

55

13.

Presentation-levels

57

@page
Terminologia e Page Model (modelo de página)
Page box
Page area
Margin box
Page sheet
Non-printable area - Área não impressa
Área de impressão
Propriedade size auto landscape portrait Page-size
Compatibilidade
Kit de sobrevivência
Como funciona o modelo
A propriedade presentation-level

49
50
50
51
51
51
52
52
52
52
52
52
53
56
56
57
58

1. CSS
O que é CSS?
O CSS formata a informação entregue pelo HTML. Essa informação pode ser qualquer coisa: imagem, texto, vídeo, áudio ou qualquer outro elemento criado. Grave isso: CSS formata a informação.
Essa formatação na maioria das vezes é visual, mas não necessariamente. No CSS Aural, nós manipulamos o áudio entregue ao visitante pelo sistema de leitura de tela. Nós controlamos volume, profundidade, tipo da voz ou em qual