CSS pela W3schools (Parte 1) - Uma introdução

Estive na w3schools vendo algumas especificações, a forma correta de fazer as coisas e lendo tudo de novo como quem não soubesse nada. Por isso surgiu a idéia de escrever, traduzir em forma de resumo, o que a w3schools ensina em termos CSS básico.

[ Hits: 32.395 ]

Por: Manuel Tavares em 13/06/2008


Efeito cascata



O efeito "cascata" no CSS ocorre simplesmente pela combinação de vários estilos sobre o mesmo elemento ou tag HTML. Um exemplo seria:

/* arquivo externo*/
p
{
font-family: arial;
font-size: 8pt;
color:#cccccc;
}

/* bloco interno*/
p
{
font-family: arial;
font-size: 10pt;

}

/* na tag Html*/
p
{
font-family: arial;
font-size: 12pt;
color:#ffffff;
}

Perante esta situação, como é que o browser vai interpretar. Simples, a regra de precedência é esta:
  1. Inline
  2. Bloco interno
  3. Ficheiro externo

Desta forma o estilo final aplicado a todos os parágrafos será esta:

color:#ffffff
font-size:12pt
font-family:arial
Página anterior     Próxima página

Páginas do artigo
   1. O que é CSS??
   2. Sintaxe CSS
   3. Como criar/aplicar?
   4. Efeito cascata
   5. A magia do CSS
Outros artigos deste autor

Google AdSense vs Layout de websites

Eu aprendi!

Leitura recomendada

Web sites para TODOS

CSS - Manual de Estilo (parte 3)

Criando JPG animado com o JpegAnim

Aplicações para webdesign

CSS - Manual básico sobre estilo

  
Comentários
[1] Comentário enviado por fmpfmp em 13/06/2008 - 20:58h

Amigo, se é para apenas traduzir, é mais fácil então sugerir que as pessoas façam um curso de inglês.

[2] Comentário enviado por rafastv em 14/06/2008 - 01:23h

Parabéns!
Não há nada errado em traduções. nós devemos valorizar nossa língua nativa. Ao traduzir um texto, você o torna mais acessível para um conjunto bem maior de pessoas. Poderia ter explorado mais aspectos, mas vamos ver o próximo artigo. :-)
Apenas cuidado, pois o material da w3schools tem copyright e não garante a livre modificação e reprodução.

[3] Comentário enviado por mtavares em 14/06/2008 - 09:11h

O "traduzir" aqui não significa pegar no artigo da w3school e passar para português mas sim utilizar-la como suporte(standard) principal, pois se fosse só por traduzir eu não conseguiria fazer o artigo. Eu poderia simplesmente não citar a fonte, além do mais não foi utilizado somente a w3school, junta-se sempre as experências adquiridas noutras fontes e no dia a dia.

[4] Comentário enviado por thelinux em 14/06/2008 - 09:36h

mtavares parabéns pela iniciativa.

[5] Comentário enviado por skywishrfz em 14/06/2008 - 11:33h

só faltou deixar uma referencia para quem gosta ou quer ver a magia do css
aqui tem tudo isso, alem de um desafio para os quem deseja:

http://www.csszengarden.com/

bem legal, alem de ter zilhões de temas

[6] Comentário enviado por Teixeira em 14/06/2008 - 13:32h

"CASCADE STYLE SHEET"

Minha opinião:

Falo e escrevo Inglês, sou profissional de informática há muitos anos e, considerando apenas esses fatores, eu poderia muito bem 'desprezar' artigos traduzidos ao Português.

No entanto, acho que é muito mais valioso encontrarmos um artigo já traduzido - inclusive em seus aspectos mais difíceis - do que muitas vezes procurar entender o texto original.

Hoje em dia todo profissional de TI sabe o que é 'queue' e a diferença entre 'sort' e 'merge' (por exemplo), mas há poucos anos atrás isso não era verdade, e eram o terror dos aprendizes.

Portanto as traduções têm SIM, o seu valor.
Além do que, algum valor foi agregado a essa tradução em especial, sem o que simplesmente não passaria pelos critérios da moderação do VOL.
Quem já escreveu algum artigo ou dica para esta comunidade sabe do que estou falando.

Embora de forma incipiente, o artigo aborda um assunto muito interessante, e que talvez seja considerado 'difícil' por algumas pessoas, já que muitos têm dificuldades até mesmo com HTML.

A dificuldade que alguns poderiam ter, cai portanto por terra.

No entanto, não me pareceu muito clara a explicação da cascata, que dá nome ao estilo. Porém, essa explicação pode ser dada mais adiante, sem prejuízo algum.

Não acrescentou a mim, neste exato momento, nenhum conhecimento novo. Porém há apenas dois anos atrás, teria sido para mim o caminho das pedrinhas, já que o meu conhecimento de CSS era ZERO.
Há portanto uma considerável diferenciação.

Conclusão:
O autor está de parabéns pela iniciativa e espero que continue com essa mesma disposição.
Não se deixe abater pela oposição, porque ela sempre existirá.
Procure melhorar sempre, não importa o que você esteja fazendo, e tenha boa sorte!

PS.: o csszengarden (o jardim 'zen' do css) é uma excelente fonte de conhecimentos, bem como o site do maujor, que não deve ser esquecido.
O link é www.maujor.com

[ ]'s

[7] Comentário enviado por flpe007 em 17/06/2008 - 08:17h

Parabéns Brother, ótima iniciativa!!!!
quero ver a parte 2!!! =)

[8] Comentário enviado por iagoaugusto em 18/06/2008 - 09:42h

ParABens kRa foi Muito LeSgal...=/

[9] Comentário enviado por cvv em 18/06/2008 - 15:21h

Fera,

Não sabia disso ainda.

Valeu!

[10] Comentário enviado por comfaa em 28/10/2008 - 12:03h

muito bom

[11] Comentário enviado por rbn24 em 23/01/2009 - 14:44h

Meu caro Tony, Ctrl+C, Ctrl+v, mas pelo menos tem fonte e não liga pros outro, gostei, força

[12] Comentário enviado por stephy509487 em 19/11/2014 - 02:32h

Very Good Site and awesome writing too , and great thanks to the writer

http://supernsetips.com/Best-Options-tips-basic-Intraday-positional.html


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts