Mostrando postagens com marcador webcomoumtodo. Mostrar todas as postagens
Mostrando postagens com marcador webcomoumtodo. Mostrar todas as postagens

13 de out. de 2009

O que é CSS ?

  • CSS é a abriviação de Cascading Style Sheets (Folhas de estilos em cascata)
  • Definem como/onde mostrar os elementos HTML
  • Vieram com o HTML 4.0 para solução de alguns problemas
  • Estilos podem ser armazenados em arquivos separados

Porque foi inventado?

Pense em um site grande como R7.com, onde as seções (Notícias, entretenimento, vídeos, etc..) tem sua cor definida e quando se entra em uma seção todos os links e textos são da mesma cor. Imagine se o diretor de marketing resolve modificar a cor da seção "entretenimento" porque a cor atual não agrada aos leitores.

Até aí tudo bem, agora imagine-se no lugar do desenvolvedor responsável pela mudança (credo!), ter que alterar todas as tags font para alterar as cores das fontes de cada elemento. Imagine o trabalho e o tempo que isso iria levar.

Graças a pesadelos como este o CSS foi inventado para poder separar as camadas de conteúdo (HTML) e interface (CSS), ou seja, você atribui estilos para seus elemento HTML sem ter que modificar NADA no código HTML.






Separar camadas de apresentação e conteúdo

Uma prática muito comun no HTML é a utilização de tabelas para formatar o layout do site.

Assim como a tag font que era usada para formatar a fonte do texto (tamanho, cor). Porém estas não são uma boa prática, pois o layout da página não deve ser definido no próprio HTML e sim em um folha de estilos (CSS).

A versão 4.0 do HTML foi criada para ser removido toda a formatação do documento HTML e armazenar isto em uma folha de estilo.

Nesta versão a apresentação da página foi separada de sua estrutura, tendo assim total controle do layout (cores e posição dos elementos) sem modificar nada no conteúdo do documento.

Este post foi somente para deixar bem claro que o conteúdo deve ser separado do layout, nos próximos post falarei mais sobre CSS.