Como criar Listas HTML

Olá, reativando (quanto mais próximo das eleições menos tempo de folga) hoje vamos continuar a explicação de tags HTML, uma das mais simples e funcional é a responsável pela criação de listas. Ordenadas, não-ordenadas, numéricas e outras que veremos a seguir.

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.

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.