Conhecendo o reset css e algumas técnicas

Sabe quando você monta um layout que fica todo “fodão” no Firefox, porém no IEca ele ja fica todo torto? Por padrão, todos os elementos HTML possuem um estilo incorporado, e isso varia para cada navegador. Por exemplo, a margem padrão do body pode ser 8px no Internet Explorer e 5px no Firefox e se aumentarmos o número de tags vamos entender que isso acontece não por que o Internet Explorer seja ruim, mas sim por que os navegadores dão valores defaults diferentes para cada tag.  Por este motivo hoje veremos uma técnica que podemos usar para contornar isso este artigo foi feito especialmente para você designer, programador de respeito que se preocupa como seu site esta sendo exibido em diferentes navegadores(Cross-browser).

Lista Zebrada com CSS3

Iniciando com uma pergunta à aqueles que ja trabalham com o desenvolvimento web: Como você faz uma lista zebrada?
Até pouco tempo atrás poderiamos utilizar algumas “soluções” como usar o Javascript pra atribuir uma classe a determinadas linhas, ou  usar um for e mudar a cor e por ai vai. No fim estavamos felizes, funcionou!
Agora o CSS3, que tem este propósito de melhorar a experiência visual do usuário e livrar o programador da necessidade em se preocupar com o design do front-end, podemos usar os seletores avançados.

Bordas arredondadas com o border-radius no CSS3

Quem já precisou criar bordas arrendondadas antes do CSS3 lembra quanto erra chato. Claro que alguns usavam(e outros insistem em usar) tabelas para fazer tal recurso. Porém a tão aguardada propriedade border-radius está ativa.  Ela nada mais é do que a possibilidade de criar bordar arredondadas, assim simples e fácil.

Agora você me pergunta “Fábio como eu faço pra usar, se é tao fácil?”. Simples vamos olhar uma declaração válida…