css reset
Caros,
após uma série de estudos, testes, discussões e adaptações, tenho o imenso prazer de apresentar… o novo css reset do portal:
- mais atual;
- mais simples;
- mais compacto;
- mais abrangente (nos elementos html);
- mais globo.com;
O css reset consiste em um conjunto de regras css, que tem como finalidade zerar diferenças de margens, espaçamento, tamanhos, alinhamento e outros… dentre os diversos navegadores existentes no mercado, abaixo segue o exemplo do código utilizado.
Aconselho as pessoas que desejam realizar os testes, que utilizem o plugin do firefox firebug para habilitar e desabilitar as propriedades css e assim consigam visualizar os ajustes que o reset faz no documento em tempo real.
https://addons.mozilla.org/en-US/firefox/addon/1843
Segue uma breve explicação do que cada regra consiste!
/*zera a margen, espaco, contorno, cor de fundo de todos os elementos da página*/
*{margin:0;padding:0;outline:0;background:transparent;font-family:inherit;font-size:100%;}
body{line-height:1em;}/*uni as linhas da tabela removendo os espaços entre as células*/
table{border-collapse:collapse;border-spacing:0;}
/*esconde os elementos de legenda e linha, hj utilizados apenas no caso do css estar desabilitado*/
legend,hr{display:none;}
/*remove o bullet das listas*/
li{list-style:none;}
/*remove o sublinhado dos links da página*/
a{text-decoration:none;}
/*alinha o conteúdo dos elementos à esquerda, onde o padrão é centralizar*/
caption,th{text-align:left;}
/*remove os espaços dos elementos*/
blockquote:before,blockquote:after,q:before,q:after{content:”";content:none;}
blockquote,q{quotes:”" “”;}
/*remove a borda tracejada da base dos elementos*/
abbr,acronym{border:0;}
/*corrige a altura da linha ora afetada pela utilização destas tags (vide o exemplo anexo)*/
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
/*formata os elementos de form com as propriedades de fonte ora setadas (onde por padrão estes não herdam tais valores)*/
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
Qualquer dúvida, é só falar…
Abraços
Gabriel Gottgtroy Zigolis
07/27/2009 às 15:18
Fala meu camarada!!
Tive o prazer de ler todo o seu Reset e achei bem compelto. Porem tem algumas coisas que dependem muito do tipo do projeto em que estamos envolvidos. Como por exemplo voce tirar o sublinhado de todos os links e colocar um display none na tag legend.
Talvez o que voce poderia colocar neste reset seriam o ’strong’ e o ‘em’ com font-weight normal e font-style normal respectivamente. Pois cai naquele caso de que sao elementos semantivos e nao de marcação. Mas ai acho que varia por projeto, certo?
Mas ficou muito bom lek, gostei mesmo, pois eu nao tinha visto ele final.
abs e continue assim!
07/30/2009 às 05:27
Bem completo, mas *? Prefiro usar aquela longa lista de elementos aplicando só onde necessário, as regras com * deixam o reflow/repaint mais lento.
Também se não me engano alguns browsers não suportam border-collapse, o cellspacing=”0″ ainda tem que aparecer.
abs!
07/30/2009 às 11:19
@luan, então meu camarada isso varia caso a caso mesmo, em relação ao strong e ao em, zerar suas propriedades, foi tbm um dos pontos que levantei quando desenvolvi esse reset, mas acaba sendo algo que gera opniões diferentes…
@ricardo, então camarada, a globo.com não dá suporte a navegadores antigos, apenas do ie6 em diante (que já é uma grande desgraça), e todos esses funcionam bem melhor com ” * “, e como isso é um conteúdo que fica cacheado, a performance dele é melhor dessa forma com esse peso, do que se fosse uma longa lista de elementos
, e ainda tem um detalhe, faça um teste vc mesmo, vc ñ consegue zerar a margem e padding de todos os elementos, mesmo que vc coloque um por um, enquanto que com o ” * ” isso acontece! faça e teste!!!
abraaaaços e obrigado pelos comentários!
04/23/2010 às 01:27
íàéòè âèðòóàëüíóþ ëþáîâíèöó, linda costanzo downloads, =-D, lavasoft free downloads adware 60, 399293, free johann pachelbel mp3 downloads, 8]]], x-ware software instructions,
(, kungfu cult master download, 751798, download kalonline client server, 22646, boog group torrent, 205, audacity voice recorder download, 211010, sony mavica fd200 software, 8-], mozilla foxfire browser download, 8-DD, crystaldecisions download, %-OOO, download summon night 2 gba, 81151, software that reads extentions, 288802, psp games deom downloads, %-O, download data to zencart, 03652, rca m40 series driver downloads, 
DD, crack crystal ball 7.3.1, 8-], download endspiel movie, =(, m-systems diskonchip download, ylg,