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.

CSS3 Media Queries

Olá, Hoje vamos falar sobre ao  atributo Media, mas antes de falar sobre a alteração que ocorreu com o CSS3 vamos explicar o que é o Media Type?
As Media Types foram criadas pela W3C para o CSS com o objetivo de transformar um site feito em CSS mais acessível a diversos dispositivos, como PDAs, celulares e acreditem, até para apresentações feitas em Power Point. As Media Types definem para qual tipo de media o CSS será direcionado. Como o  HTML foi criado para ser lido e interpretado por qualquer tipo de dispositivo. Cada dispositivo exibe o HTML de uma maneira diferente, seja pelo tamanho da tela, ou ate mesmo pelo renderizador do navegador em uso. A forma que este HTML é formatado em cada dispositivo é diferente e o mesmo vale para o código CSS .Por exemplo, se você visita um site por um computador ele dificilmente terá a mesma cara quando visto em um dispositivo móvel como um PDA. com o Media Type podemos até definir a cada do site para a saída de impressão.

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…