sistemas para internet faccamp - aula7
DESCRIPTION
TRANSCRIPT
![Page 2: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/2.jpg)
PLANO – AULA 7
CSS - Cascading Style Sheets
O que CSS faz
Como CSS Trabalha
Regras
Propriedades e Valores
Atividade Prática 6
2
![Page 3: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/3.jpg)
O QUE CSS FAZ E COMO TRABALHA
3
Uma maneira de compreender CSS
Pense que todo elemento html tem uma “caixa” invisível em volta
O CSS coloca “estilos” e controla estas “caixas”
Em HTML
Existem elementos de blocos como
<h1>-<h6>, <p> , <div> ..
Existem elementos de linha
<b>, <i>, <img>, <em>, <span> …
![Page 4: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/4.jpg)
O QUE CSS FAZ E COMO TRABALHA
4
Lembra no nosso primeira página de HTML
Que era apenas um texto
![Page 5: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/5.jpg)
O QUE CSS FAZ E COMO TRABALHA
5
Vamos inserir um CSS simples
![Page 6: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/6.jpg)
O QUE CSS FAZ E COMO TRABALHA
6
Vamos inserir um CSS simples
Na tag <head>
![Page 7: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/7.jpg)
O QUE CSS FAZ E COMO TRABALHA
7
Vamos inserir um CSS simples
Incluir uma tag <link>
![Page 8: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/8.jpg)
O QUE CSS FAZ E COMO TRABALHA
8
Vamos inserir um CSS simples
Nome do arquivo CSS
associado
![Page 9: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/9.jpg)
O QUE CSS FAZ E COMO TRABALHA
9
Vamos inserir um CSS simples
Tipo do arquivo
“text/css”
![Page 10: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/10.jpg)
O QUE CSS FAZ E COMO TRABALHA
10
Vamos inserir um CSS simples
Especifica o tipo de
relacionamento entre a
pagina e o arquivo
ligado ... No caso de
CSS sempre stylesheet
![Page 11: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/11.jpg)
O QUE CSS FAZ E COMO TRABALHA
11
Um CSS simples
![Page 12: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/12.jpg)
O QUE CSS FAZ E COMO TRABALHA
12
Um CSS simples
Este é o SELETOR ele
fiz a quem a definição
aplica ... Neste caso as
tags html <p>
![Page 13: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/13.jpg)
O QUE CSS FAZ E COMO TRABALHA
13
Um CSS simples
Esta é a DECLARAÇÃO de estilo, neste
caso estou colocando:
Borda sólida de 1 pixel e vermelha em <p>
![Page 14: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/14.jpg)
O QUE CSS FAZ E COMO TRABALHA
14
Um CSS simples
![Page 15: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/15.jpg)
O QUE CSS FAZ E COMO TRABALHA
15
Um CSS simples
Note que todas as tags <p> ficaram com
uma borda vermelha (como estivessem em
caixas)
![Page 16: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/16.jpg)
O QUE CSS FAZ E COMO TRABALHA
16
Colocando uma borda verde do título maior e
azul nos menores
![Page 17: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/17.jpg)
O QUE CSS FAZ E COMO TRABALHA
17
Colocando uma borda verde do título maior e
azul nos menores
Tamanho 2px, tracejada e verde
![Page 18: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/18.jpg)
O QUE CSS FAZ E COMO TRABALHA
18
Colocando uma borda verde do título maior e
azul nos menores
Tamanho 3px, pontilhada e azul
![Page 19: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/19.jpg)
O QUE CSS FAZ E COMO TRABALHA
19
Um CSS simples
![Page 20: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/20.jpg)
O QUE CSS FAZ E COMO TRABALHA
20
Um CSS simples
Estilo do <h1>
![Page 21: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/21.jpg)
O QUE CSS FAZ E COMO TRABALHA
21
Um CSS simples
Estilo do <h2>
Estilo do <h2>
![Page 22: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/22.jpg)
O QUE CSS FAZ E COMO TRABALHA
22
O CSS pode ir no próprio arquivo HTML
![Page 23: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/23.jpg)
O QUE CSS FAZ E COMO TRABALHA
23
O CSS pode ir no próprio arquivo HTML
Para todo o corpo
da página
![Page 24: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/24.jpg)
O QUE CSS FAZ E COMO TRABALHA
24
O CSS pode ir no próprio arquivo HTML
Vai usar fonte da
família airal
![Page 25: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/25.jpg)
O QUE CSS FAZ E COMO TRABALHA
25
O CSS pode ir no próprio arquivo HTML
O fundo vai ser da
cor que tem:
r = 185
g = 179
b = 175
![Page 26: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/26.jpg)
O QUE CSS FAZ E COMO TRABALHA
26
O CSS pode ir no próprio arquivo HTML
Para h1 ... usar cor
branca
![Page 27: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/27.jpg)
O QUE CSS FAZ E COMO TRABALHA
27
O CSS pode ir no próprio arquivo HTML
![Page 28: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/28.jpg)
REGRAS DE SELETORES HTML
28
Tipos de seletores
Seletor Universal
* {}
Aplica a todos os elementos da página
Ex:
* {font-family: Arial, Verdana, sans-serif;}
![Page 29: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/29.jpg)
REGRAS DE SELETORES HTML
29
Tipos de seletores
Seletor Universal
![Page 30: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/30.jpg)
REGRAS DE SELETORES HTML
30
Tipos de seletores
Seletor Universal
![Page 31: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/31.jpg)
REGRAS DE SELETORES HTML
31
Tipos de seletores
Seletor de Tipo
h1 {}, h2 {}, p {}, i{}, b{} ...
Aplica a um tipo de elemento/tag
Ex:
h1 {font-family: "Courier New", monospace;}
i {color: green;}
![Page 32: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/32.jpg)
REGRAS DE SELETORES HTML
32
Tipos de seletores
Seletor de Tipo
![Page 33: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/33.jpg)
REGRAS DE SELETORES HTML
33
Tipos de seletores
Seletor de Tipo
![Page 34: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/34.jpg)
REGRAS DE SELETORES HTML
34
Tipos de seletores
Seletor de Tipo
![Page 35: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/35.jpg)
REGRAS DE SELETORES HTML
35
Tipos de seletores
Seletor de Classe
.nomedaclasse {}
nomedotipo.nomedaclasse {}
Aplica a uma classe de acordo com o atribuit class=“” no
html
Ex:
.page {border: 1px solid #665544;}
p.page {border: 2px solid #665544;}
![Page 36: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/36.jpg)
REGRAS DE SELETORES HTML
36
Tipos de seletores
Seletor de Classe
.nomedaclasse {}
nomedotipo.nomedaclasse {}
Aplica a uma classe de acordo com o atribuit class=“” no
html
Ex:
.page {border: 1px solid #665544;}
p.page {border: 2px solid #665544;}
Para todas as tags
html com o atributo
class=“page”
![Page 37: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/37.jpg)
REGRAS DE SELETORES HTML
37
Tipos de seletores
Seletor de Classe
.nomedaclasse {}
nomedotipo.nomedaclasse {}
Aplica a uma classe de acordo com o atribuit class=“” no
html
Ex:
.page {border: 1px solid #665544;}
p.page {border: 2px solid #665544;}
Para todas as tags
html do tipo <p> com
o atributo
class=“page”
![Page 38: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/38.jpg)
REGRAS DE SELETORES HTML
38
Tipos de seletores
Seletor de Classe
![Page 39: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/39.jpg)
REGRAS DE SELETORES HTML
39
Tipos de seletores
Seletor de Classe
![Page 40: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/40.jpg)
REGRAS DE SELETORES HTML
40
Tipos de seletores
Seletor de Classe
![Page 41: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/41.jpg)
REGRAS DE SELETORES HTML
41
Tipos de seletores
Seletor de ID
#identificadorcunico{}
Aplica ao elemento html com um determinado ID que
deve ser único
Ex:
p#Intro {font-size: 100%;}
![Page 42: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/42.jpg)
REGRAS DE SELETORES HTML
42
Tipos de seletores
Seletor de ID
![Page 43: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/43.jpg)
REGRAS DE SELETORES HTML
43
Tipos de seletores
Seletor de ID
![Page 44: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/44.jpg)
REGRAS DE SELETORES HTML
44
Tipos de seletores
Seletor de ID
![Page 45: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/45.jpg)
REGRAS DE SELETORES HTML
45
Tipos de seletores
Seletor de filho
elemento1>elemento2{}
Aplica somente as tags do tipo 2 que estão dentro
diretamente de tags do tipo 1
Ex:
li>a {color: green;}
![Page 46: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/46.jpg)
REGRAS DE SELETORES HTML
46
Tipos de seletores
Seletor de filho
![Page 47: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/47.jpg)
REGRAS DE SELETORES HTML
47
Tipos de seletores
Seletor de filho
![Page 48: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/48.jpg)
REGRAS DE SELETORES HTML
48
Tipos de seletores
Seletor de filho
![Page 49: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/49.jpg)
REGRAS DE SELETORES HTML
49
Tipos de seletores
Seletor de descendente
elemento1 elemento2{}
Aplica somente as tags do tipo 2 que estão dentro
diretamente ou indiretamente de tags do tipo 1
Ex:
li a {color: green;}
![Page 50: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/50.jpg)
REGRAS DE SELETORES HTML
50
Tipos de seletores
Seletor de descendente
![Page 51: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/51.jpg)
REGRAS DE SELETORES HTML
51
Tipos de seletores
Seletor de descendente
![Page 52: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/52.jpg)
REGRAS DE SELETORES HTML
52
Tipos de seletores
Seletor de descendente
![Page 53: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/53.jpg)
REGRAS DE SELETORES HTML
53
Tipos de seletores
Seletor de próximo adjacente/irmão
elemento1+elemento2{}
Aplica somente as tags do tipo 2 que vem após as tags
do tipo 1 (e não todas)
Ex:
h1+p {color: red;}
![Page 54: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/54.jpg)
REGRAS DE SELETORES HTML
54
Tipos de seletores
Seletor de próximo adjacente/irmão
![Page 55: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/55.jpg)
REGRAS DE SELETORES HTML
55
Tipos de seletores
Seletor de próximo adjacente/irmão
![Page 56: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/56.jpg)
REGRAS DE SELETORES HTML
56
Tipos de seletores
Seletor de adjacente/irmão (anterior e próximo)
elemento1~elemento2{}
Aplica somente as tags do tipo 2 que são “irmãs” das
tags do tipo 1
Ex:
h1~p {color: red;}
![Page 57: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/57.jpg)
REGRAS DE SELETORES HTML
57
Tipos de seletores
Seletor de adjacente/irmão (anterior e próximo)
![Page 58: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/58.jpg)
REGRAS DE SELETORES HTML
58
Tipos de seletores
Seletor de adjacente/irmão (anterior e próximo)
![Page 59: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/59.jpg)
PRIORIDADES E HERANÇA
59
Quanto temos duas regras iguais
Vale a última
Exemplo:
i {color: green;}
i {color: red;}
![Page 60: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/60.jpg)
PRIORIDADES E HERANÇA
60
Quanto temos duas regras iguais
Vale a última
Exemplo:
i {color: green;}
i {color: red;}
Fica valendo o verde
![Page 61: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/61.jpg)
PRIORIDADES E HERANÇA
61
Quanto temos duas regras iguais
![Page 62: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/62.jpg)
PRIORIDADES E HERANÇA
62
Quanto temos duas regras iguais
![Page 63: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/63.jpg)
PRIORIDADES E HERANÇA
63
Quando tem duas regras sobre o mesmo
elemento
Vale a mais específica
Da caixa mais interna
Da que especifica um subconjunto ou um elemento em
particular
Exemplo:
p {font-size: 80%;}
p#intro {font-size: 120%;}
![Page 64: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/64.jpg)
PRIORIDADES E HERANÇA
64
Quando tem duas regras sobre o mesmo
elemento
Vale a mais específica
Da caixa mais interna
Da que especifica um subconjunto ou um elemento em
particular
Exemplo:
p {font-size: 80%;}
p#Intro {font-size: 120%;}
Vale esta pois
especifica um único
elemento
![Page 65: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/65.jpg)
PRIORIDADES E HERANÇA
65
Quando tem duas regras sobre o mesmo
elemento
O de baixo é mais específico que
o de cima ... pois é aplicado a
um subconjunto
![Page 66: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/66.jpg)
PRIORIDADES E HERANÇA
66
Quando tem duas regras sobre o mesmo
elemento
O de baixo é mais específico que
o de cima ... pois é aplicado a
um subconjunto
![Page 67: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/67.jpg)
PRIORIDADES E HERANÇA
67
Quando tem duas regras sobre o mesmo
elemento
![Page 68: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/68.jpg)
PRIORIDADES E HERANÇA
68
Quando tem duas regras sobre o mesmo
elemento
![Page 69: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/69.jpg)
PRIORIDADES E HERANÇA
69
Os elementos mais internos “herdam a
propriedade do mais externo”
Ele pode sobrescrever ou manter o valor mais
externo
Ex:
body {
font-family: Arial, Verdana, sans-serif;
color: #665544;
padding: 10px;}
![Page 70: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/70.jpg)
PRIORIDADES E HERANÇA
70
Os elementos mais internos “herdam a
propriedade do mais externo”
Ele pode sobrescrever ou manter o valor mais
externo
Ex:
body {
font-family: Arial, Verdana, sans-serif;
color: #665544;
padding: 10px;}
Todas tags terão estas
propriedades a menos que as
sobreescreva
![Page 71: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/71.jpg)
PRIORIDADES E HERANÇA
71
Os elementos mais internos “herdam a
propriedade do mais externo”
![Page 72: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/72.jpg)
PRIORIDADES E HERANÇA
72
Os elementos mais internos “herdam a
propriedade do mais externo”
![Page 73: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/73.jpg)
PRIORIDADES E HERANÇA
73
“herdam a propriedade do mais externo”
![Page 74: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/74.jpg)
ATIVIDADES PRÁTICAS EM SALA
EDP 6
Fazer em até três pessoas
De preferência duplas
A média das práticas dará a nota o EDP
Ou seja 25%
A prática deve ser entregue durante a aula
74
![Page 75: Sistemas para internet Faccamp - aula7](https://reader031.vdocuments.mx/reader031/viewer/2022020217/5496d1b4ac795982318b4678/html5/thumbnails/75.jpg)
ATIVIDADES PRÁTICAS EM SALA
EDP 6
75