![Page 1: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/1.jpg)
1Unidade 02 – CSS
Programação para Internet 2
CSSCascading Style Sheets
(Folhas de Estilo em Cascata)
Instituto Federal de Educação, Ciência e Tecnologia do Triângulo Mineiro
Prof. Edwar Saliba Júnior
![Page 2: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/2.jpg)
2Unidade 02 – CSS
Programação para Internet 2
Parte I
CSS Basic
![Page 3: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/3.jpg)
3Unidade 02 – CSS
Programação para Internet 2
CSS• Determina como elementos HTML serão
exibidos;• Foi criado no HTML 4.0 para resolver
alguns problemas da época;• Pode poupar bastante trabalho quando
se usa folhas de estilo externas;• Folhas de estilo externas são
armazenadas em arquivos.css.
![Page 4: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/4.jpg)
4Unidade 02 – CSS
Programação para Internet 2
Exemplo
![Page 5: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/5.jpg)
5Unidade 02 – CSS
Programação para Internet 2
Exemplo 2• Site sem aplicação de CSS:
![Page 6: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/6.jpg)
6Unidade 02 – CSS
Programação para Internet 2
Aplicando a Folha de Estilo 01• Código
![Page 7: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/7.jpg)
7Unidade 02 – CSS
Programação para Internet 2
Resultado 01
![Page 8: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/8.jpg)
8Unidade 02 – CSS
Programação para Internet 2
Aplicando a Folha de Estilo 02• Código
![Page 9: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/9.jpg)
9Unidade 02 – CSS
Programação para Internet 2
Resultado 02
![Page 10: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/10.jpg)
10Unidade 02 – CSS
Programação para Internet 2
Aplicando a Folha de Estilo 03• Código
![Page 11: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/11.jpg)
11Unidade 02 – CSS
Programação para Internet 2
Resultado 03
![Page 12: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/12.jpg)
12Unidade 02 – CSS
Programação para Internet 2
Sintaxe• Uma regra CSS é constituída de duas partes:
– um seletor e– uma ou mais declarações.
![Page 13: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/13.jpg)
13Unidade 02 – CSS
Programação para Internet 2
Exemplo 03
![Page 14: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/14.jpg)
14Unidade 02 – CSS
Programação para Internet 2
Seletor “id”• Um estilo pode ser aplicado a um único
elemento em um documento por meio da identificação do mesmo;
• Dê um nome para o atributo “id” do elemento HTML (e. g. id=”para1”);
• No CSS será criado como: #para1
![Page 15: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/15.jpg)
15Unidade 02 – CSS
Programação para Internet 2
Seletor “class”• Um estilo pode ser aplicado a uma determinada classe de
elementos em um documento;
• Dê um nome para o atributo “class” do(s) elemento(s) HTML (e. g. class=”center”);
• No CSS será criado como: .center
![Page 16: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/16.jpg)
16Unidade 02 – CSS
Programação para Internet 2
Três Maneiras de Usar CSS
• Folha de Estilo Externa;
• Folha de Estilo Interna e
• Estilo em Linha.
![Page 17: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/17.jpg)
17Unidade 02 – CSS
Programação para Internet 2
Folha de Estilo Externa• Pode ser criada em qualquer editor de texto;
• O arquivo deve ser salvo com a extensão “.css”;
• O arquivo não deve conter elementos HTML;
• Deve ser relacionado a página por meio da TAG link no cabeçalho da página (exemplo abaixo);
• Excelente para aplicação de um determinado estilo para diversas páginas.
Exemplo decomo deveser o link.
Exemplo decomo deve
ser o arquivo.
![Page 18: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/18.jpg)
18Unidade 02 – CSS
Programação para Internet 2
Folha de Estilo Interna• Deve ser usada preferencialmente quando uma
única página tiver um estilo diferenciado das demais;
• O estilo deve ser definido na seção <head> da página por meio da TAG <style>.
![Page 19: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/19.jpg)
19Unidade 02 – CSS
Programação para Internet 2
Estilo em Linha• Ao se usar estilo em linha, perde-se
muito das vantagens proporcionadas pelo CSS, pois, mistura-se conteúdo com formatação. Use este método com moderação!
• Para usar estilo em linha, basta fazer uso do atributo style da TAG em questão.
![Page 20: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/20.jpg)
20Unidade 02 – CSS
Programação para Internet 2
Múltiplas Folhas de Estilo• Algumas propriedades podem ser configuradas em mais de uma folha
de estilo. Neste caso, o browser respeitará a que for mais específica.
![Page 21: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/21.jpg)
21Unidade 02 – CSS
Programação para Internet 2
Parte II
CSS Styling
![Page 22: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/22.jpg)
22Unidade 02 – CSS
Programação para Internet 2
Background
• Usada para definir os efeitos de fundo de tela de um elemento.
![Page 23: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/23.jpg)
23Unidade 02 – CSS
Programação para Internet 2
background-color
Mais informações sobre os tipos de cores usados no CSS acesse este link.
![Page 24: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/24.jpg)
24Unidade 02 – CSS
Programação para Internet 2
background-image
![Page 25: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/25.jpg)
25Unidade 02 – CSS
Programação para Internet 2
background-image
![Page 26: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/26.jpg)
26Unidade 02 – CSS
Programação para Internet 2
Background-image Repetidamente
• Por padrão as imagens se repetem horizontal e verticalmente;
• Algumas somente horizontalmente outras apenas verticalmete.
Comando para quea imagem se repitasomente no eixo X
(horizontal).
![Page 27: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/27.jpg)
27Unidade 02 – CSS
Programação para Internet 2
Background-image Repetidamente
![Page 28: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/28.jpg)
28Unidade 02 – CSS
Programação para Internet 2
Background-imageConfigurando Posição e Não-repetição
![Page 29: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/29.jpg)
29Unidade 02 – CSS
Programação para Internet 2
Background-imageConfigurando Posição e Não-repetição
![Page 30: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/30.jpg)
30Unidade 02 – CSS
Programação para Internet 2
backgroundTodas as Propriedades Num Único Comando
• É possível de ser feito, porém há algumas mudanças: – a propriedade é tratada apenas com “background”,
– os valores devem seguir a seguinte ordem:• background-color,
• background-image,
• background-repeat,
• background-attachment e
• background-position.
![Page 31: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/31.jpg)
31Unidade 02 – CSS
Programação para Internet 2
Exemplo 04
![Page 32: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/32.jpg)
32Unidade 02 – CSS
Programação para Internet 2
Resultado 04
![Page 33: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/33.jpg)
33Unidade 02 – CSS
Programação para Internet 2
Todas as Propriedades CSS do Background
![Page 34: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/34.jpg)
34Unidade 02 – CSS
Programação para Internet 2
Formatação de Texto
![Page 35: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/35.jpg)
35Unidade 02 – CSS
Programação para Internet 2
Color• A propriedade color é usada para configurar a cor de um
texto;
• A cor padrão de uma página é definida no seletor body;
• Pode-se usar, da mesma forma que para o background, os diversos tipos de formatos de cores ao backgroud aplicáveis. Sendo que os mais utilizados são:– valor hexadecimal (e. g. #00FF00),– valor RGB (e. g. “rgb(255,0,0)”) e– o nome da cor (e. g. “red”).
![Page 36: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/36.jpg)
36Unidade 02 – CSS
Programação para Internet 2
text-align
![Page 37: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/37.jpg)
37Unidade 02 – CSS
Programação para Internet 2
text-decoration
![Page 38: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/38.jpg)
38Unidade 02 – CSS
Programação para Internet 2
text-decoration
O título 4 fica piscando.Porém isto não aconte-ce nos navegadores:IE, Chrome e Safari.
![Page 39: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/39.jpg)
39Unidade 02 – CSS
Programação para Internet 2
text-transform
![Page 40: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/40.jpg)
40Unidade 02 – CSS
Programação para Internet 2
text-indent
Em outras palavras, definea distância entre a margem esquerda e o início do pa-
rágrafo.
![Page 41: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/41.jpg)
41Unidade 02 – CSS
Programação para Internet 2
Fonte• As propriedades CSS das fontes definem:
– família,
– cor,
– tamanho e
– estilo do texto.
![Page 42: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/42.jpg)
42Unidade 02 – CSS
Programação para Internet 2
Família da Fonte
![Page 43: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/43.jpg)
43Unidade 02 – CSS
Programação para Internet 2
font-style
![Page 44: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/44.jpg)
44Unidade 02 – CSS
Programação para Internet 2
font-size
![Page 45: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/45.jpg)
45Unidade 02 – CSS
Programação para Internet 2
font-size
![Page 46: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/46.jpg)
46Unidade 02 – CSS
Programação para Internet 2
font-size
![Page 47: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/47.jpg)
47Unidade 02 – CSS
Programação para Internet 2
font-size
![Page 48: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/48.jpg)
48Unidade 02 – CSS
Programação para Internet 2
Links
![Page 49: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/49.jpg)
49Unidade 02 – CSS
Programação para Internet 2
Links
![Page 50: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/50.jpg)
50Unidade 02 – CSS
Programação para Internet 2
Links
![Page 51: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/51.jpg)
51Unidade 02 – CSS
Programação para Internet 2
Links
![Page 52: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/52.jpg)
52Unidade 02 – CSS
Programação para Internet 2
Lista
![Page 53: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/53.jpg)
53Unidade 02 – CSS
Programação para Internet 2
Lista
![Page 54: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/54.jpg)
54Unidade 02 – CSS
Programação para Internet 2
Lista(Imagem como Marcador)
![Page 55: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/55.jpg)
55Unidade 02 – CSS
Programação para Internet 2
Lista(Imagem como Marcador)
![Page 56: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/56.jpg)
56Unidade 02 – CSS
Programação para Internet 2
Lista – Shorthand Property
![Page 57: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/57.jpg)
57Unidade 02 – CSS
Programação para Internet 2
Lista - Propriedades
![Page 58: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/58.jpg)
58Unidade 02 – CSS
Programação para Internet 2
Tabela
![Page 59: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/59.jpg)
59Unidade 02 – CSS
Programação para Internet 2
Tabela – Borda Dupla
![Page 60: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/60.jpg)
60Unidade 02 – CSS
Programação para Internet 2
Tabela – Borda Simples
![Page 61: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/61.jpg)
61Unidade 02 – CSS
Programação para Internet 2
Tabela – Borda Simples
![Page 62: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/62.jpg)
62Unidade 02 – CSS
Programação para Internet 2
Tabela – Largura e Altura
![Page 63: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/63.jpg)
63Unidade 02 – CSS
Programação para Internet 2
Tabela – Largura e Altura
![Page 64: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/64.jpg)
64Unidade 02 – CSS
Programação para Internet 2
Tabela – Alinhamento de Texto Horizontal
![Page 65: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/65.jpg)
65Unidade 02 – CSS
Programação para Internet 2
Tabela – Alinhamento de Texto Horizontal
![Page 66: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/66.jpg)
66Unidade 02 – CSS
Programação para Internet 2
Tabela – Alinhamento de Texto Vertical
![Page 67: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/67.jpg)
67Unidade 02 – CSS
Programação para Internet 2
Tabela – Espaço entre Borda e Conteúdo
![Page 68: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/68.jpg)
68Unidade 02 – CSS
Programação para Internet 2
Tabela - Cor
![Page 69: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/69.jpg)
69Unidade 02 – CSS
Programação para Internet 2
Parte III
CSS Box Model
![Page 70: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/70.jpg)
70Unidade 02 – CSS
Programação para Internet 2
Box Model
• O conceito de CSS box model pode ser entendido como uma estrutura que empacota elementos HTML;
• Esta estrutura permite que você coloque uma borda e espaço também, em volta dos elementos HTML;
• Vejamos uma figura representativa da box model no próximo slide.
![Page 71: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/71.jpg)
71Unidade 02 – CSS
Programação para Internet 2
Box Model
![Page 72: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/72.jpg)
72Unidade 02 – CSS
Programação para Internet 2
Box Model – Largura e Altura
![Page 73: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/73.jpg)
73Unidade 02 – CSS
Programação para Internet 2
Box Model – Exemplo
![Page 74: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/74.jpg)
74Unidade 02 – CSS
Programação para Internet 2
Borda
![Page 75: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/75.jpg)
75Unidade 02 – CSS
Programação para Internet 2
border-style
![Page 76: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/76.jpg)
76Unidade 02 – CSS
Programação para Internet 2
Borda - Exemplo
![Page 77: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/77.jpg)
77Unidade 02 – CSS
Programação para Internet 2
Borda - Largura
![Page 78: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/78.jpg)
78Unidade 02 – CSS
Programação para Internet 2
Borda – Largura - Exemplo
![Page 79: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/79.jpg)
79Unidade 02 – CSS
Programação para Internet 2
Borda - Cor
![Page 80: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/80.jpg)
80Unidade 02 – CSS
Programação para Internet 2
Borda – Cor - Exemplo
![Page 81: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/81.jpg)
81Unidade 02 – CSS
Programação para Internet 2
Borda – Lados Individuais
![Page 82: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/82.jpg)
82Unidade 02 – CSS
Programação para Internet 2
Borda – Lados Individuais
![Page 83: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/83.jpg)
83Unidade 02 – CSS
Programação para Internet 2
Borda – Shorthand Property
![Page 84: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/84.jpg)
84Unidade 02 – CSS
Programação para Internet 2
Borda – Todas as Propriedades
Para detalharcada proprie-dade, acesse o link: http://www.w3schools.com/css/css_border.asp
![Page 85: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/85.jpg)
85Unidade 02 – CSS
Programação para Internet 2
Outline
• É uma linha desenhada por fora da borda. Tem o intuito de destacar o elemento envolvido;
• Possui propriedades para destacar:– estilo,– cor e – largura.
![Page 86: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/86.jpg)
86Unidade 02 – CSS
Programação para Internet 2
Outline
![Page 87: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/87.jpg)
87Unidade 02 – CSS
Programação para Internet 2
Outline - Propriedades
![Page 88: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/88.jpg)
88Unidade 02 – CSS
Programação para Internet 2
Margens• Define o espaço ao redor dos elementos.
![Page 89: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/89.jpg)
89Unidade 02 – CSS
Programação para Internet 2
Margens – Lados Individuais
![Page 90: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/90.jpg)
90Unidade 02 – CSS
Programação para Internet 2
Margens – Shortland Property
![Page 91: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/91.jpg)
91Unidade 02 – CSS
Programação para Internet 2
Margens – Todas as Propriedades
![Page 92: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/92.jpg)
92Unidade 02 – CSS
Programação para Internet 2
Padding• É uma área limpa que existe entre a
borda e o elemento. Esta área é afetada diretamente pela cor do fundo de tela (background color) do elemento.
![Page 93: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/93.jpg)
93Unidade 02 – CSS
Programação para Internet 2
Padding – Lados Individuais
![Page 94: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/94.jpg)
94Unidade 02 – CSS
Programação para Internet 2
Padding – Shortland Property
![Page 95: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/95.jpg)
95Unidade 02 – CSS
Programação para Internet 2
Parte IV
CSS Advanced
![Page 96: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/96.jpg)
96Unidade 02 – CSS
Programação para Internet 2
Agrupando Seletores
![Page 97: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/97.jpg)
97Unidade 02 – CSS
Programação para Internet 2
Aninhando Seletores
![Page 98: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/98.jpg)
98Unidade 02 – CSS
Programação para Internet 2
Aninhamento de Seletores - Exemplo
![Page 99: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/99.jpg)
99Unidade 02 – CSS
Programação para Internet 2
Dimensão• Propriedade que permite o controle de altura e largura de
um elemento HTML.
![Page 100: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/100.jpg)
100Unidade 02 – CSS
Programação para Internet 2
Dimensão - Exemplo
![Page 101: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/101.jpg)
101Unidade 02 – CSS
Programação para Internet 2
Exibição e Visibilidade• A propriedade display especifica se e como
um elemento será mostrado;• A propriedade visibility especifica se um
elemento deve estar visível ou escondido.
![Page 102: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/102.jpg)
102Unidade 02 – CSS
Programação para Internet 2
Exibição e Visibilidade - Exemplo
![Page 103: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/103.jpg)
103Unidade 02 – CSS
Programação para Internet 2
Elementos de Bloco e de Linha
![Page 104: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/104.jpg)
104Unidade 02 – CSS
Programação para Internet 2
Mudando a Forma de Exibição dos Elementos
![Page 105: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/105.jpg)
105Unidade 02 – CSS
Programação para Internet 2
Mudando a Forma de Exibição dos Elementos - Exemplo
![Page 106: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/106.jpg)
106Unidade 02 – CSS
Programação para Internet 2
Mudando a Forma de Exibição dos Elementos – Mesmo Exemplo sem CSS
![Page 107: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/107.jpg)
107Unidade 02 – CSS
Programação para Internet 2
Posicionamento• Decide qual elemento virá na frente e
qual será sobreposto.
![Page 108: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/108.jpg)
108Unidade 02 – CSS
Programação para Internet 2
Método 01 de Posicionamento: Estático
![Page 109: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/109.jpg)
109Unidade 02 – CSS
Programação para Internet 2
Método 02 de Posicionamento: Fixado
![Page 110: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/110.jpg)
110Unidade 02 – CSS
Programação para Internet 2
Método 02 de Posicionamento: Fixado - Exemplo
Após rolar a telapara baixo, o tex-to fixado continuano mesmo local.
![Page 111: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/111.jpg)
111Unidade 02 – CSS
Programação para Internet 2
Método 03 de Posicionamento: Relativo
![Page 112: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/112.jpg)
112Unidade 02 – CSS
Programação para Internet 2
Método 03 de Posicionamento: Relativo - Exemplo
![Page 113: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/113.jpg)
113Unidade 02 – CSS
Programação para Internet 2
Método 03 de Posicionamento: Relativo – Exemplo 2
![Page 114: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/114.jpg)
114Unidade 02 – CSS
Programação para Internet 2
Método 04 de Posicionamento: Absoluto
![Page 115: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/115.jpg)
115Unidade 02 – CSS
Programação para Internet 2
Método 04 de Posicionamento: Absoluto - Exemplo
![Page 116: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/116.jpg)
116Unidade 02 – CSS
Programação para Internet 2
Sobrepondo Elementos
![Page 117: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/117.jpg)
117Unidade 02 – CSS
Programação para Internet 2
Sobrepondo Elementos - Exemploz-index: -1;
z-index: 0;
![Page 118: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/118.jpg)
118Unidade 02 – CSS
Programação para Internet 2
Posicionamento - Propriedades
![Page 119: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/119.jpg)
119Unidade 02 – CSS
Programação para Internet 2
Posicionamento - Propriedades
![Page 120: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/120.jpg)
120Unidade 02 – CSS
Programação para Internet 2
Flutuar
![Page 121: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/121.jpg)
121Unidade 02 – CSS
Programação para Internet 2
Flutuar - Exemplo
![Page 122: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/122.jpg)
122Unidade 02 – CSS
Programação para Internet 2
Flutuar Elementos Lado a Lado
![Page 123: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/123.jpg)
123Unidade 02 – CSS
Programação para Internet 2
Flutuar Elementos Lado a Lado - Exemplo
![Page 124: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/124.jpg)
124Unidade 02 – CSS
Programação para Internet 2
Desabilitando o Flutuar
![Page 125: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/125.jpg)
125Unidade 02 – CSS
Programação para Internet 2
Desabilitando o Flutuar -
Exemplo
![Page 126: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/126.jpg)
126Unidade 02 – CSS
Programação para Internet 2
Flutuar - Propriedades
![Page 127: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/127.jpg)
127Unidade 02 – CSS
Programação para Internet 2
Alinhamento
![Page 128: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/128.jpg)
128Unidade 02 – CSS
Programação para Internet 2
Usando Margens para Centralizar Elementos
![Page 129: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/129.jpg)
129Unidade 02 – CSS
Programação para Internet 2
Usando Margens para Centralizar Elementos - Exemplo
![Page 130: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/130.jpg)
130Unidade 02 – CSS
Programação para Internet 2
Alinhamento à Esquerda e à DireitaUsando a Propriedade position
![Page 131: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/131.jpg)
131Unidade 02 – CSS
Programação para Internet 2
Alinhamento à Esquerda e à DireitaUsando a Propriedade position - Exemplo
![Page 132: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/132.jpg)
132Unidade 02 – CSS
Programação para Internet 2
Questão de Compatibilidade
![Page 133: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/133.jpg)
133Unidade 02 – CSS
Programação para Internet 2
Questão de Compatibilidade - Exemplo
![Page 134: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/134.jpg)
134Unidade 02 – CSS
Programação para Internet 2
Alinhamento à Esquerda e à DireitaUsando a Propriedade float
![Page 135: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/135.jpg)
135Unidade 02 – CSS
Programação para Internet 2
Alinhamento à Esquerda e à DireitaUsando a Propriedade float - Exemplo
![Page 136: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/136.jpg)
136Unidade 02 – CSS
Programação para Internet 2
Questão de Compatibilidade
![Page 137: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/137.jpg)
137Unidade 02 – CSS
Programação para Internet 2
Questão de Compatibilidade - Exemplo
![Page 138: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/138.jpg)
138Unidade 02 – CSS
Programação para Internet 2
Pseudoclasses• Usada para adicionar efeitos especiais a
alguns seletores.
![Page 139: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/139.jpg)
139Unidade 02 – CSS
Programação para Internet 2
Âncora e Pseudoclasses
![Page 140: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/140.jpg)
140Unidade 02 – CSS
Programação para Internet 2
Âncora e Pseudoclasses - Exemplo
![Page 141: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/141.jpg)
141Unidade 02 – CSS
Programação para Internet 2
Classes e Pseudoclasses
pseudoclasse
classe
![Page 142: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/142.jpg)
142Unidade 02 – CSS
Programação para Internet 2
Classes e PseudoclassesFormatar Primeiro Elemento <p>
![Page 143: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/143.jpg)
143Unidade 02 – CSS
Programação para Internet 2
Classes e PseudoclassesFormatar Primeiro Elemento <p>
Exemplo
![Page 144: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/144.jpg)
144Unidade 02 – CSS
Programação para Internet 2
Classes e PseudoclassesFormatar Primeiro Subelemento
<i>
![Page 145: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/145.jpg)
145Unidade 02 – CSS
Programação para Internet 2
Classes e PseudoclassesFormatar Primeiro Subelemento <i>
Exemplo
![Page 146: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/146.jpg)
146Unidade 02 – CSS
Programação para Internet 2
Classes e PseudoclassesFormatar Todos Subelementos <i>
![Page 147: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/147.jpg)
147Unidade 02 – CSS
Programação para Internet 2
Classes e PseudoclassesFormatar Todos Subelementos <i>
Exemplo
![Page 148: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/148.jpg)
148Unidade 02 – CSS
Programação para Internet 2
Pseudoclasse :lang
![Page 149: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/149.jpg)
149Unidade 02 – CSS
Programação para Internet 2
Pseudoclasse :lang - Exemplo
![Page 150: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/150.jpg)
150Unidade 02 – CSS
Programação para Internet 2
Pseudoclasses / Elementos
![Page 151: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/151.jpg)
151Unidade 02 – CSS
Programação para Internet 2
Pseudoelementos• São usados para adicionar efeitos especiais a
alguns seletores.
![Page 152: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/152.jpg)
152Unidade 02 – CSS
Programação para Internet 2
Pseudoelemento de Primeira Linha
![Page 153: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/153.jpg)
153Unidade 02 – CSS
Programação para Internet 2
Pseudoelemento de Primeira Linha Exemplo
![Page 154: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/154.jpg)
154Unidade 02 – CSS
Programação para Internet 2
Pseudoelemento - Primeira Letra
![Page 155: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/155.jpg)
155Unidade 02 – CSS
Programação para Internet 2
Pseudoelemento - Primeira LetraExemplo
![Page 156: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/156.jpg)
156Unidade 02 – CSS
Programação para Internet 2
Classes e Pseudoelementos
![Page 157: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/157.jpg)
157Unidade 02 – CSS
Programação para Internet 2
Múltiplos Pseudoelementos
![Page 158: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/158.jpg)
158Unidade 02 – CSS
Programação para Internet 2
Múltiplos PseudoelementosExemplo
![Page 159: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/159.jpg)
159Unidade 02 – CSS
Programação para Internet 2
Pseudoelemento :before
![Page 160: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/160.jpg)
160Unidade 02 – CSS
Programação para Internet 2
Pseudoelemento :beforeExemplo
![Page 161: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/161.jpg)
161Unidade 02 – CSS
Programação para Internet 2
Pseudoelemento :after
![Page 162: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/162.jpg)
162Unidade 02 – CSS
Programação para Internet 2
Pseudoelemento :afterExemplo
![Page 163: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/163.jpg)
163Unidade 02 – CSS
Programação para Internet 2
Pseudoclasses / elementos
![Page 164: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/164.jpg)
164Unidade 02 – CSS
Programação para Internet 2
Barra de Navegação
![Page 165: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/165.jpg)
165Unidade 02 – CSS
Programação para Internet 2
Barra de NavegaçãoExemplo 1
![Page 166: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/166.jpg)
166Unidade 02 – CSS
Programação para Internet 2
Barra de Navegação Sem Bullets
![Page 167: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/167.jpg)
167Unidade 02 – CSS
Programação para Internet 2
Barra de Navegação Sem BulletsExemplo
![Page 168: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/168.jpg)
168Unidade 02 – CSS
Programação para Internet 2
Barra de Navegação Vertical
![Page 169: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/169.jpg)
169Unidade 02 – CSS
Programação para Internet 2
Barra de Navegação VerticalExemplo
![Page 170: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/170.jpg)
170Unidade 02 – CSS
Programação para Internet 2
Barra de Navegação VerticalExemplo 2
![Page 171: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/171.jpg)
171Unidade 02 – CSS
Programação para Internet 2
Barra de Navegação Horizontal
![Page 172: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/172.jpg)
172Unidade 02 – CSS
Programação para Internet 2
Barra de Navegação HorizontalExemplo
![Page 173: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/173.jpg)
173Unidade 02 – CSS
Programação para Internet 2
Barra de Navegação HorizontalExemplo 2
![Page 174: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/174.jpg)
174Unidade 02 – CSS
Programação para Internet 2
Lista Flutuante
![Page 175: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/175.jpg)
175Unidade 02 – CSS
Programação para Internet 2
Lista FlutuanteExemplo
![Page 176: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/176.jpg)
176Unidade 02 – CSS
Programação para Internet 2
Lista FlutuanteExemplo 2
![Page 177: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/177.jpg)
177Unidade 02 – CSS
Programação para Internet 2
Galeria de Imagens
• Código-fonte da Galeria de Imagens
![Page 178: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/178.jpg)
178Unidade 02 – CSS
Programação para Internet 2
Imagem: Opaca / Transparente
![Page 179: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/179.jpg)
179Unidade 02 – CSS
Programação para Internet 2
Imagem: Opaca / TransparenteExemplo 1.1
![Page 180: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/180.jpg)
180Unidade 02 – CSS
Programação para Internet 2
Imagem: Opaca / TransparenteExemplo 1.2
![Page 181: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/181.jpg)
181Unidade 02 – CSS
Programação para Internet 2
Image Sprite
![Page 182: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/182.jpg)
182Unidade 02 – CSS
Programação para Internet 2
![Page 183: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/183.jpg)
183Unidade 02 – CSS
Programação para Internet 2
Image Sprites - Create a Navigation ListExemplo
![Page 184: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/184.jpg)
184Unidade 02 – CSS
Programação para Internet 2
Image Sprites – Hover Effect
![Page 185: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/185.jpg)
185Unidade 02 – CSS
Programação para Internet 2
Image Sprites – Hover EffectExemplo
![Page 186: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/186.jpg)
186Unidade 02 – CSS
Programação para Internet 2
Tipos de Mídias
![Page 187: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/187.jpg)
187Unidade 02 – CSS
Programação para Internet 2
Tipos de Mídias
![Page 188: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/188.jpg)
188Unidade 02 – CSS
Programação para Internet 2
Outros Tipos de Mídia
![Page 189: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/189.jpg)
189Unidade 02 – CSS
Programação para Internet 2
Seletores de Atributo
![Page 190: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/190.jpg)
190Unidade 02 – CSS
Programação para Internet 2
Seletores de AtributoExemplo
![Page 191: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/191.jpg)
191Unidade 02 – CSS
Programação para Internet 2
Seletores de Atributos e Valores
![Page 192: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/192.jpg)
192Unidade 02 – CSS
Programação para Internet 2
Seletores de Atributos e ValoresExemplo
![Page 193: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/193.jpg)
193Unidade 02 – CSS
Programação para Internet 2
Seletores de Atributo e ValorMúltiplos Valores
![Page 194: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/194.jpg)
194Unidade 02 – CSS
Programação para Internet 2
Seletores de Atributo e ValorMúltiplos Valores
![Page 195: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/195.jpg)
195Unidade 02 – CSS
Programação para Internet 2
“Estilando” Formulários
![Page 196: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/196.jpg)
196Unidade 02 – CSS
Programação para Internet 2
“Estilando” FormuláriosExemplo
![Page 197: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/197.jpg)
197Unidade 02 – CSS
Programação para Internet 2
Unidades de Medida
![Page 198: (Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal](https://reader034.vdocuments.pub/reader034/viewer/2022042805/5f5fec8d8047cc3d2645d9f6/html5/thumbnails/198.jpg)
198Unidade 02 – CSS
Programação para Internet 2
Bibliografia• W3Schools. CSS Tutorial. Disponível
em: <http://www.w3schools.com/css/default.asp> Acesso em: 06 jan. 2013.