CSS/tableless a era da WEB 2.0

2

Posted on : 19-07-2006 | By : .rafa | In : CSS, HTML, Programação

"CSS é a sigla em inglês para Cascading Style Sheet que em português foi traduzido para folha de estilo em cascata e é definida como:
Folha de estilo em cascata é um mecanismo simples para adicionar estilos (p.ex., fontes, cores, espaçamentos) aos documentos Web.
Web Standards pode ser traduzido como Normas para Web, tem por objetivo a criação de uma Web universal e define-se:
Web Standards é um conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins de caráter técnico, produzidos pelo W3C e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades especiais."

Bom o por que deste artigo sobre web 2.0 ? simples pois estou ajudando um parceiro meu a aprender CSS e indiquei um site que utilizo muito, este site é que peguei o texto acima e como há muito sobre web2.0 na net entao façam uma googlesada e procurem sobre o assunto. Mas o que quero mostrar é este site totalmente em português e que ajuda muito a alguém entender CSS.

Tutorial CSS - Tableless - Web Standards: site oficial com todos os tutoriais

E o tutorial mais interessante que eu achei é sobre o zen garden do maujor: que pode ser visto aqui.

Obs.: Para quem está começando a usar CSS, é muito simples saber o porque que isto é mto bom. No momento que vc faz um HTML é simplesmente um HTML, mas quando vc atribui propriedades a uma tag do HTML dai sim estamos falando de CSS.

ex.:

Rafael Stoever

O que veriamos seria somente um Rafael Stoever em negrito e nada mais, mas se quizessemos que todos os negritos fossem com um fundo de outra cor ?
Ai poderiamos usar o nosso amigo CSS.

b {
background-color:#6495ED;
}

Rafael Stoever
Maria Josefina
Lara Maria José
Sofia Clementina

E o resultado seria

Rafael Stoever
Maria Josefina
Lara Maria José
Sofia Clementina

E quem brinca com CSS tem que ter uma lista de cores, RGB e tals... e uma listagem de cores que achei na net e gostei mto é essa que estou disponibilizando aqui.