Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Exerccios
de
Fixao
1. At
o
momento
aprendemos
diferentes
formas
de
definir
estilos
atravs
de
cdigo
CSS.
Considerando
o
que
aprendemos
nas
ltimas
aulas,
descreva
cada
uma
das
formas
e
apresente
um
exemplo
para
cada
uma
delas.
A
partir
do
texto
colocado
abaixo,
faa
o
solicitado.
Fossati
quer
trs
zagueiros,
mas
o
vestirio
no
Tcnico
est
diante
de
um
dilema
complicado
no
Inter
Jorge
Fossati
est
diante
de
um
dilema
complicado
no
Inter.
Ele,
o
tcnico,
quer
escalar
o
time
com
trs
zagueiros.
uma
convico
sua.
S
que
cresce
entre
os
jogadores
a
ansiedade
em
jogar
com
um
meio-campo
mais
povoado,
capaz
de
tirar
o
time
da
sua
burocrtica
postura
cansativamente
defensiva.
Em
resumo:
Fossati
quer
trs
zagueiros,
mas
o
grupo
comandado
por
ele
exige
o
4-4-2.
Se
voc
ainda
no
reparou,
passe
a
escutar
com
mais
ateno
as
entrevistas
dos
jogadores
do
Inter.
Todos
eles,
especialmente
os
do
meio
para
a
frente,
sempre
fazem
questo
de
enfatizar
a
cada
contestao:
"fizemos
o
que
Fossati
nos
pediu".
quase
como
se
estivessem
tentando
avisar
que
no
esto
se
comportando
em
campo
por
vontade
prpria,
mas
sim
por
que
so
profissionais
srios
obedecendo
ordens
do
treinador,
com
as
quais
discordam.
Ao
final
do
empate
sem
gols
com
o
Cerro
em
Rivera,
Sandro
repetiu
o
"fizemos
o
que
o
Fossati
nos
pediu"
duas
vezes.
Minutos
antes,
Giuliano
adotou
o
mesmo
procedimento.
Eu
estava
l,
em
Rivera.
Vi
a
cena
com
meus
prprios
olhos.
Fossati,
perfilado
mesa
da
sala
de
entrevistas
do
estdio
Atlio
Paiva
com
os
dois,
manteve
o
semblante
srio.
D'Alessandro,
especialmente
este,
alm
de
Sandro
e
Giuliano,
querem
o
4-4-2
j.
De
outro
lado
zagueiros
experientes
e
influentes
no
Beira-Rio:
Bolvar,
ndio
e
Fabiano
Eller
querem
a
manuteno
do
trio
defensivo.
A
chance
de
eles
jogarem
com
este
sistema
muito
maior,
obviamente.
Mas
o
exrcito
que
luta
pelo
4-4-2,
hoje,
maior.
Nem
que
seja
no
formato
de
Rivera.
A
lgica
mais
gente
no
meio-campo.
Siga
a
coluna
no
Twitter
ZERO
HORA
1. Elabore o documento HTML e o respectivo arquivo CSS, tornando o texto compatvel com a formatao apresentada na imagem abaixo. 1.1 O seletor do corpo do documento HTML dever ser formatado para a fonte Arial. 1.2 O ttulo dever estar em uma tag de cabealho nvel 1. Esta formatao no CSS dever ser feita a partir do seletor e o espaamento entre letras dever ser de 2px. A cor #BC1B1B. 1.3 O subttulo dever estar em uma tag de nvel 3 e sua formatao dever ser feita de forma inline, ajustando apenas a cor para #BC1B1B. 1.4 O restante do texto dever ser colocado em tag de pargrafo. Sendo que os pargrafos dever ter espaamento entre linhas de 1.5em e a cor da fonte dever ser #333333. 1.5 Para os pargrafos que esto em negrito dever ser criada um classe para o seletor de pargrafo com a configurao para negrito. 1.6 Para a frase Siga a coluna no Twitter dever ser criada uma classe de nome twitter que possa ser aplicada a qualquer tag, com as seguintes configuraes: negrito e cor #4F5087. 1.7 Para a frase ZERO HORA a formatao CSS dever ser criada a partir de identificador de elemento, com as seguintes configuraes: negrito e cor #999999;
2. Qual ser a cor do subttulo da tag h2? Por qu? <html> <head> <style type="text/css"> body { color: #ff0000; } </style> </head> <body> <h1>Aqui temos um ttulo</h1> <h2 style="color: #0000ff;">Aqui temos um subttulo!</h2> </body> </html>
3. E se adicionarmos as seguintes linhas na definio do cdigo CSS acima, teremos modificaes? Por qu? h2 { color: #00ff00; } 4. Se tivermos o cdigo apresentado abaixo, em que cor sero apresentados os textos? Por qu? <html> <head> <title>Untitled Document</title> <style type="text/css"> body { color: #ff0000; } h2 { color: #00ff00; } </style> </head> <body> <h1>Aqui temos um ttulo</h1> <h2>Aqui temos um subttulo!</h2> <h2 id="teste">Aqui temos outro subttulo!</h2> </body> </html> 5. E com o cdigo desta forma? <html> <head> <title>Untitled Document</title> <style type="text/css"> body { color: #ff0000; } h2 { color: #00ff00; } #teste { color: #ffff00; } </style> </head> <body> <h1>Aqui temos um ttulo</h1> <h2>Aqui temos um subttulo!</h2> <h2 id="teste">Aqui temos outro subttulo!</h2> </body> </html>
6. O que ir acontecer se tivermos o cdigo da forma abaixo? Por qu? <html> <head> <title>Untitled Document</title> <style type="text/css"> p.classe1 { color: #ff0000; } </style> </head> <body> <h1 class="classe1" > Contedo de h1. </h1> <p class="classe1" > Contedo de p. </p> </body> </html> 7. Elabore um documento HTML com o seguinte contedo: <p id="idp" class="classp" > Contedo de p </p> Adicione a seguinte formatao: p { color: #ff0000; font-size: 20px; } #idp { font-size: 50px; font-style: italic; } .classp { font-family: verdana; font-size: 6px; } Qual o resultado gerado? Por qu?