A notação de estilo pode ser utilizada para fazer a seguinte apresentação
do texto, de forma criativa:
o cão molengão.
Rapidamente,
apanhou
o gato castanho
Vamos dizer que usa comandos de estilo que não especificam o
posicionamento vertical de cada parte da frase, por exemplo:
<STYLE TYPE="text/css">
.part1 /* Rapidamente, */ {
padding-left: 0;
color: red; font-size: 14pt;
font-family: copperplate gothic bold, fantasy, sans-serif }
.part2 /* o gato castanho */
{padding-left: 100px;
color: brown; font-size: 10pt;
font-family: times new roman, desdemona, serif }
.part3 /* apanhou */ {
padding-left: 350px;
color: purple; font-size: 18pt;
font-family: desdemona, times new roman, serif }
.part4 /* o cão molengão */
{ padding-left: 350px;
color: blue; font-size: 24pt;
font-family: fantasy, copperplate gothic bold, sans-serif }
</STYLE>
Usando os comandos de estilo acima, terá de ordenar o texto da forma que
se seguem em HTML:
<DIV class=part4>o cão molengão.</DIV>
<DIV class=part1>Rapidamente,</DIV>
<DIV class=part3>apanhou</DIV>
<DIV class=part2>o gato castanho</DIV>
Ou seja, se as folhas de estilo não estiverem activadas ou não sejam
suportadas pelo seu browser, você vai poder ler:
do cão molengão.
Rapidamente,
apanhou
o gato castanho
Para Pontos de
Verificação da Directriz 6.
Próximo diapositivo: Exemplo para Ponto de Verificação
6.1 continua
