CSS/tableless a era da WEB 2.0
“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.
Trackbacks & Pingbacks
Comments
Deixe um comentário
Quebras de linha e parágrafo automáticas, seu email nunca será mostrado, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Fala Rafael, conheci o site há pouco tempo, gostei do que vi!
Dê uma olhada neste programinha que indico abaixo, acho que você vai repensar sua relação com a lista de cores
http://baixaki.ig.com.br/site/detail3476.htm
[]’s
Obrigado pela visita e prestigio. Volte sempre que quizer que estarei tentando colocar mais coisas novas e interessantes.
E sobre o programinha, vou dar uma olhada mais tarde nisso, mas sobre lista de cores tenho uma tabela boa de variantes de cores que me ajuda no desenvolvimento de sites e tudo mais.
abracos