Como em uma viagem pelo hiperespaço, você está prestes a deixar o universo multicolorido e formatado das páginas com CSS para o árido universo “HTML puro” dos tempos pioneiros da Internet – ou vice-versa. E a coisa mais importante que quem se prepara para viajar a outro universo deve saber e: como voltar? Bem, seja qual for o sentido da viagem, o universo no qual você ingressará é absolutamente análogo ao que você está deixando. A cada página que você visitou neste “universo”, no outro haverá uma idêntica, com o mesmo texto e os mesmos atalhos, levando às mesmas páginas. O universo com CSS é colorido e formatado, o sem CSS é sem formatação, sem cores, sem imagens e sem menus “rollover” ou de cortina. Mas os arquivos “htm” são rigorosamente os mesmos, sem tirar nem pôr uma única vírgula. Para ser exato, a única diferença – única mesmo – é o destino do atalho que você encontrará ao final deste parágrafo. Porque, enquanto o desta página o levará ao outro universo, o da correspondente a esta no outro universo o trará de volta a este. Portanto, se você viajar até o universo “sem CSS”, depois que se cansar de explorar um sítio sem as sofisticações de formatação providas pelas CSS (e, acredite, você se cansará logo), basta procurar pela página análoga a esta (os atalhos que o levarão até ela estão nas seções “CSS” e “Por Que?”. Lá chegando, clique no atalho situado depois deste parágrafo e volte. E se estiver no sítio “com CSS” e desejar dar uma volta no sítio “sem CSS”, proceda de forma análoga: ache a página correspondente a esta e clique no atalho depois deste parágrafo. Aqui está ele:
Agora que presumivelmente você já tem uma idéia das potencialidades das CSS, provavelmente desejará saber mais sobre elas. O primeiro passo é examinar a estrutura deste sítio. Baixe todos os seus arquivos fonte (no Internet Explorer, a entrada “Código fonte” do menu “Exibir” mostra o código fonte de cada arquivo no Bloco de Notas; depois de exibir, é só gravar no seu HD), baixe os arquivos .css (é fácil: basta digitar o URL completo de cada um; são eles: www.disquepiropo.com.br\dskpiropo.css ; www.disquepiropo.com.br\index.css ; www.disquepiropo.com.br\por_assunto.css ; www.disquepiropo.com.br\por_data.css e www.disquepiropo.com.br\por_que.css) e, se quiser, baixe também os arquivos gráficos (estão todos na pasta : www.disquepiropo.com.br\graficos\ ) e os examine. Veja como são criados os efeitos “rollover” e menus em cascata. Copie e adapte à vontade. Afinal, eu não inventei as CSS e tudo o que está aqui foi copiado e adaptado de algum lugar. Se você quiser consultar um livro (em português) bastante razoável sobre o assunto procure por “Projetando WebSites compatíveis”, de Jeffrey Zeldman, editado pela Campus. E se quiser um pequeno e barato manual de referência sobre as regras, seletores e valores das CSS (também em português), sugiro o “Cascading Style Sheets – Guia de Consulta Rápida” de Luis Gustavo Amaral, editado pela Novatec. E há também a Internet, manancial inesgotável de informações sobre qualquer assunto, portanto também sobre as CSS. Mas infelizmente quase sempre em inglês. Sugiro particularmente os sítios A List Apart (sua seção “CSS” contém, literalmente, centenas de excelentes artigos sobre o tema) e HTML Dog. E, para fechar com chave de ouro, há ainda a exceção que confirma a regra e um raro exemplo de abnegação: o sítio CSS para Web Design, todo em português, criado e mantido por Maurício Samy Silva exclusivamente pelo amor ao ensino. De vez em quando eu me deparo com um negócio desses, que renova um pouco minha tão abalada fé na natureza humana. Parabéns, Maurício. B.Piropo