O q é CSS???

Para entender o que é CSS é necessário antes entender o que é HTML.


O HTML(Hyper Text Markup Language) foi desenvolvido e criado por cientistas para tráfego de informações. Com o tempo este foi se aperfeiçoando, assim foi possível dar atributos a estes textos, como mudanças de cor, de tipo de fonte, etc.

Com isso, a cada mudança de parágrafo, ou de título seria necessário colocar as características na linha que o progrqamador desejasse, mas e se um dia ele precisasse mudar todas as linhas do seu site, um site de 100 páginas por exemplo, como ele faria? A única forma seria alterando linha por linha... então, para otimização deste tempo, surge o CSS (Cascading Style Sheets), ou seja ele definirá num arquivo separado as funções e características de todos os parágrafos do site ou de todos os títulos, por exemplo.

Podendo ser re-definido por ordem de prioridade em cascatas... mas isso é muito técnico... podemos ver outro dia.

O Fato que importa é... Qual a vantagem de ter o Meu Site em CSS sem tabelas?


As vantagens do CSS são:

1. Com CSS otimizamos o tempo de criação e manutenção de um site


2. O código de textos, fica separado ao do design em um arquivo de CSS;
   
3. O tamanho do código HTML fica menor, além de mais fácil de entender, otimiza o carregamento da página;


4. Os Navegadores carregam o layout da página mais rápido, podendo chegar até a 70%.
   Maior eficiência no gerenciamento do Layout.


5. Com o CSS é possível criar páginas com layouts “sofisticados” que antes era possível apenas com a utilização de tecnologias como o Flash ou applets Java.
   
6. E fora que é possível controlar a aparência da sua página apenas com ele.

Na figura abaiso podemos ter uma idéia de como isso funciona.este é o site sem a folha de estilos, como ele apareceria com o HTML simples.
Podemos ver que aparecem apenas os textos e parte das imagens, as fontes são default do HTML, ou seja Times New Roman, o botão também, os Hiperlinks têm o mesmo estilo: cor azul e sublinhada.

Nesta próxima imagem, vemos o site com o CSS ativo.

Como podemos perceber, os fundos as fontes, as cores mudaram, ou seja todo o layout é codificado apenas em um único arquivo.

Lógico que para o programador Tabless, não é fácil fazer isso, até porque conseguir que em todos os browsers se comportem do mesmo modo, é algo que leva tempo de estudo, dedicação e muita paciência!!!