Sei sulla pagina 1di 4

Curso Superior de Tecnologia em Sistemas para Internet

Construo de Pginas WEB

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?

Potrebbero piacerti anche