Apostila de css

Disponível somente no TrabalhosFeitos
  • Páginas : 41 (10046 palavras )
  • Download(s) : 0
  • Publicado : 6 de maio de 2012
Ler documento completo
Amostra do texto
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 defuncionamento
“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 propriedadedisplay
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 ePage 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 ainformaçã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 qualdas caixas de som a voz sairá. De certa forma você está formatando a informação que está em formato de áudio e que o visitante está consumindo ao entrar
no site utilizando um dispositivo ou um sistema de leitura de tela. O CSS prepara essa informação
para que ela seja consumida da melhor maneira possível.
O HTML5 trouxe poucas novidades para os desenvolvedores client-side. Basicamente foramcriadas novas tags, o significado de algumas foi modificado e outras tags foram descontinuadas. As novidades interessantes mesmo ficaram para o pessoal que conhece Javascript. As APIs que o HTML5
disponibilizou são sem dúvida uma das features mais aguardadas por todos estes desenvolvedores.
Diferentemente do CSS3 que trouxe mudanças drásticas para a manipulação visual dos elementos
do HTML.
Com oCSS que nós conhecemos podemos formatar algumas características básicas: cores, background, características de font, margins, paddings, posição e controlamos de uma maneira muito
artesanal e simples a estrutura do site com a propriedade float.
Você deve pensar: “mas com todas as características nós conseguimos fazer sites fantásticos, com
design atraente e com a manutenção relativamentesimples”. E eu concordo com você, mas outras
características que nós não temos controles e dependemos de:

CSS - Curso W3C Escritório Brasil

5

1) Algum programa visual como o Photoshop para criarmos detalhes de layout;
2) Javascript para tratarmos comportamentos ou manipularmos elementos específicos na estrutura do HTML;
3) Estrutura e controle dos elementos para melhorarmos acessibilidade ediversos aspectos do
SEO;
Com as atualizações do CSS3 e com os browsers atualizando o suporte do CSS2.1, nós entramos em
patamar onde sem dúvida o CSS é a arma mais poderosa para o designer web. Segue uma pequena
lista dos principais pontos que podemos controlar nesse novo patamar:
1) selecionar primeiro e último elemento;
2) selecionar elementos pares ou ímpares;
3) selecionarmos...
tracking img