CSS3: Utilizando recursos de CSS e seletores para formatação de conteúdo - .Net Magazine 79

CSS é uma forma de definição do visual de documentos XML. Sim, CSS não serve apenas para nossos sites e pode ser usado para formatar arquivos XML de um modo geral. Em primeiro lugar, o que é CSS? Cascading Style Sheet - sua tradução pode ser Folha de Estilo em Cascata - é apenas uma formalidade visto que necessitamos entender realmente o conceito e o contexto em que esta tecnologia se faz necessária.

O conceito principal pode ser resumido em: separar as definições do visual de nosso documento XML do documento propriamente dito. Um arquivo CSS deve conter somente as definições de como determinado elemento, ou ainda elementos, devem aparecer na tela e estas definições são interpretadas pelo navegador do usuário, ou seja, é considerado um arquivo do tipo Client Side, pois é interpretado na máquina de nosso usuário e não em nosso servidor. Esse arquivo CSS pode estar contido em um arquivo externo ou integrado ao código de sua página. Ao utilizá-lo de forma separada podemos fazer uso do cache do ambiente para otimização de sua execução.

A tecnologia CSS faz parte dos chamados Web Standards definidos pela W3C (World Wide Web Consortium). Quando trabalhamos com desenvolvimento se faz necessário que exista um padrão para isso, e a W3C visa criar e especificar padrões que, se seguidos, devem trazer o mesmo resultado nas mais variadas situações, por exemplo, um usuário do navegador Firefox deve ver a página da mesma forma que um usuário do navegador Microsoft Internet Explorer.

Entender e utilizar estes padrões web são uma ótima política para qualquer desenvolvedor. Devemos entender que os padrões web não são de forma alguma obrigatória, sendo que você não vai sofrer com nenhum tipo de fiscalização por não fazer uso destes padrões, mas como já dito, são altamente recomendados, pois praticamente todos os navegadores atuais usam esses padrões como diretivas para exibição e renderização de nossas páginas.

Como qualquer tecnologia o CSS também evolui e sofre as devidas modificações. Na área da computação pode-se afirmar que nada é estático, pois, as necessidades dos desenvolvedores e usuários evoluem e novas soluções devem surgir para sanar estas necessidades. Estas soluções, por via de regra, são sempre sugeridas pela W3C, como já dito, mas é sempre bom lembrar a sua finalidade e os motivos de sua importância. A evolução mais recente do CSS está sendo chamada de CSS3 e incorporou mecanismos de controle de exibição de elementos baseados em regras, ou ainda seletores, onde através de algumas expressões podemos definir com maior precisão qual tipo de elemento deve receber a definição, mas isto será visto e entendido de forma mais consistente no decorrer deste artigo.

W3C e os Web Standards

Frequentemente nos deparamos com a expressão Web Standards, ou ainda, Padrões Web, mas sabemos o que realmente é isso? E para que serve? Vamos tentar entender estes padrões através de exemplos. Um dos padrões mais conhecidos diz que para desenharmos uma tela devemos utilizar elementos do tipo DIV, e não tabelas, sendo que as tabelas devem ser utilizadas para a exibição de dados tabulares, ou seja, tabelas servem para exibir dados em, como o próprio nome diz, tabelas e o layout, ou aparência do site, deve ser organizado utilizando DIVs.

Mas quem define isso? A W3C e os seus padrões definem isso, ou seja, através desta diretiva, os desenvolvedores passam a saber o que devem e o que não devem fazer para que seu site funcione de forma correta na maior parte dos navegadores Web, mas como já dito, você pode ou não seguir estas instruções.

O que obtenho de ganho seguindo estes padrões? Você ganha a garantia de que seu sistema irá funcionar de forma satisfatória na grande maioria dos navegadores e de que o mesmo funcionará com um desempenho mais agradável, ou você nunca notou diferença em carregar um site que utiliza tabelas em sua estrutura ao invés de DIVs? Isso se deve ao fato de que os navegadores renderizam a tag DIV de forma mais rápida do que uma tag TABLE. Este é apenas um exemplo, visto que muito outros padrões são definidos. E onde o CSS entra nisso? O CSS também é um padrão web, visto que é uma tecnologia especificada pela W3C.