Cuiabá 71

Uma das metas ao se utilizar os conceitos do Web Standards é remover toda a apresentação do código (X)HTML, deixando-o limpo e semanticamente correto.
Enquanto o (X)HTML define a estrutura, O CSS fica responsável pela formatação visual e posicionamento de elementos dentro de uma página Web.

Utilizando CSS, um desenvolvedor pode definir elementos da apresentação (o layout, fonts, cores, bordas, etc), independentemente da marcação do documento Web. Os estilos podem (e devem, na maioria dos casos) serem definidos em um documento separado com extensão .css e compartilhados entre todos ou um grupo de documentos relacionados do mesmo website. Desta forma, alterar ou implementar novos estilos é tarefa fácil, bastando para isso alterar somente um arquivo do projeto, já que ele está referenciado entre diversos documentos, sendo renderizado dinamicamente na medida que o browser carrega o arquivo de definições ou a folha de estilos externa (.css).

Ao separar formatação do conteúdo, você está tornando seu código semanticamente correto. Ou seja, não utilizando marcação de conteúdo (HTML) para formatação (uso incorreto).

Outra vantagem na separação é a possibilidade de tornar disponível o mesmo conteúdo para múltiplos devices (aparelhos) sem necessidade de duplicar o conteúdo, alterando somente a formatação (CSS). Isto inclusive pode ser feito de forma dinâmica ou utilizando linguagem script (Javascript, por exemplo). Entre os devices que suportam conteúdo Web podemos citar:

• Browsers.
• Impressoras.
• PDAs (Personal Digital Assistants).
• Telefones Celulares.
• Equipamentos wireless.

Para obter uma demonstração do que pode ser conseguido visualmente por meio de um design baseado em CSS, acesse o site Zen Garden, onde diferentes desenvolvedores criaram para o mesmo conteúdo (documento HTML), diferentes arquivos CSS, resultando em documentos com o design 100% diferentes entre si. Vale a pena conferir! http://www.csszengarden.com/tr/portuguese/