Olá, essa é a minha primeira coluna no Oficinadanet.com.br. Nela pretendo falar um pouco da importância, cada vez mais crescente, da utlização de CSS (Cascading Style Sheets - > definições de estilos em cascata ou simplesmente folhas de estilo), sua sitaxe básica e como utlizá-la corretamente em uma página web. Segundo o Wikipedia, os CSS são estilos para páginas web e envolvem um conceito inovador: possibilitam a mudança da aparência simultânea de todas as páginas relacionadas com o mesmo estilo.
O CSS foi criada e padronizada em 1996 pela World Wide Web Consortium (W3C). Desde então as folhas de estilo vêm sendo utilizadas para a criação de websites. CSS não é igual ao HTML, que é uma linguagem de marcação, CSS é mais dinâmico pois com apenas um arquivo você pode mudar todo o estilo do seu site, como colocar efeitos diferentes em links, padronização de tags do seu site (,
,

,

...) entre outros. Sem levar em conta que, a manutenção do site é bem mais fácil.
Há 3 tipos básicos de implementação do CSS em um website: interno, externo e incorporado.

-> Interno: no tipo interno, coloca-se os códigos CSS entre as tags e . Exemplo:


Sintaxe básica:
- >> indica ao navegador o fim do código CSS.

É recomendável ainda utilizar os indicadores HTML de comentários após o , respectivamente. Mas porque? Simples. Há usuários que ainda utilizam navegadores antigos, não reconhecendo o CSS. Mas isso está cada vez mais incomum.

-> Externo: já no tipo externo, é criado um arquivo especial, .css, para a aplicação de css no website. Exemplo:
.
Esse exemplo também se utilza entre as tags e .
No arquivo criado .css, basta colocar o código CSS na sua sintaxe padrão, elemento {atributo1: valor; atributo2: valor ...};

->Incorporado: tipo incomum de se utilizar folhas de estilos, mas válido. Nesse estilo, o css é incorporado diretamente na tag HTML na página web. Exemplo:

Percebam que na tag HTML a, foi utilizada o style junto... É exatamente nesse style que se incorpora o CSS, no caso do exemplo, é a adição de cor (color: blue;) e de uma linha abaixo do link (text-decoration: underline;).

O básico do porquê e de como utlizar o CSS estão aí. Aqui mesmo no Oficinadanet.com.br há um Mini Curso de CSS nesse link: http://www.oficinadanet.com.br/index.php?acao=artigos&categorias_id=77
No meu próximo artigo, pretendo já por a mão na massa. Vamos criar um simples menu utilizando CSS.
Aproveitem e dêem uma olhada na seção de HTML do Oficinadanet.com.br.

Dúvidas? Utilize de nosso fórum: http://www.oficinadanet.com.br/forum/index.php
Sugestões? tokageh[at]gmail.com

Era isso, espero que tenham gostado, e não hesitem em enviar sugestões ;)