-
-
Save tinogomes/1808763 to your computer and use it in GitHub Desktop.
| /* | |
| * Tino Gomes CSS Reset | |
| */ | |
| * { | |
| margin: 0; | |
| outline: 0; | |
| padding: 0; | |
| } | |
| body { | |
| background-color: #FFF; | |
| color: #000; | |
| font: 14px sans-serif; | |
| line-height: 1.6; | |
| } | |
| h1 { | |
| font-size: 1.8em; | |
| } | |
| h2 { | |
| font-size: 1.6em; | |
| } | |
| h3 { | |
| font-size: 1.4em; | |
| } | |
| h4 { | |
| font-size: 1.3em; | |
| } | |
| h5 { | |
| font-size: 1.2em; | |
| } | |
| h6 { | |
| font-size: 1.1em; | |
| } | |
| pre,code,tt,samp,kbd { | |
| font-family: 'Lucida Console','Courier new',monospace; | |
| } | |
| em,i,dfn { | |
| font-style: italic; | |
| } | |
| dfn { | |
| font-weight: bold; | |
| } | |
| blockquote { | |
| margin: 0 1.5em; | |
| border-left: 3px solid #ccc; | |
| padding-left: 10px; | |
| } | |
| cite { | |
| font-style: italic; | |
| } | |
| del { | |
| text-decoration: line-through; | |
| } | |
| dt { | |
| font-weight: bold; | |
| } | |
| dd { | |
| margin-left: 1.5em; | |
| } | |
| table { | |
| width: 100%; | |
| } | |
| th,thead,caption { | |
| font-weight: bold; | |
| } | |
| th,td { | |
| padding: 4px; | |
| } | |
| tfoot,caption { | |
| font-style: italic; | |
| } | |
| abbr,acronym { | |
| border-bottom: 1px dotted; | |
| } | |
| address { | |
| font-style: italic; | |
| } | |
| sup,sub { | |
| line-height: 0; | |
| } | |
| a,a:link,a:hover,a:visited { | |
| text-decoration: underline; | |
| color: #00C; | |
| } | |
| ul,ol { | |
| list-style-position: inside; | |
| margin-left: 1.5em; | |
| } | |
| ul { | |
| list-style-type: disc; | |
| } | |
| ul ul { | |
| list-style-type: square; | |
| } | |
| ul ul ul { | |
| list-style-type: circle; | |
| } | |
| ol { | |
| list-style-type: decimal; | |
| } | |
| ol ol { | |
| list-style-type: lower-latin; | |
| } | |
| ol ol ol { | |
| list-style-type: lower-roman; | |
| } | |
| /* | |
| * End of Tino Gomes CSS Reset | |
| */ |
| /**Tino Gomes CSS Reset*/ | |
| *{margin:0;outline:0;padding:0;} body{background-color:#FFF;color:#000;font:14px sans-serif;line-height: 1.6;} h1{font-size:1.8em;} h2{font-size:1.6em;} h3{font-size:1.4em;} h4{font-size:1.3em;} h5{font-size:1.2em;} h6{font-size:1.1em;} pre,code,tt,samp,kbd{font-family:'Lucida Console','Courier new',monospace;} em,i,dfn{font-style:italic;} dfn{font-weight:bold;} blockquote{margin:0 1.5em;border-left:3px solid #ccc;padding-left:10px;} cite{font-style:italic;} del{text-decoration:line-through;} dt{font-weight:bold;} dd{margin-left:1.5em;} table{width:100%;} th,thead,caption{font-weight:bold;} th,td{padding:4px;} tfoot,caption{font-style:italic;} abbr,acronym{border-bottom:1px dotted;} address{font-style:italic;} sup,sub{line-height:0;} a,a:link,a:hover,a:visited{text-decoration:underline;color:#00C;} ul,ol{list-style-position:inside;margin-left:1.5em;} ul{list-style-type:disc;} ul ul{list-style-type:square;} ul ul ul{list-style-type:circle;} ol{list-style-type:decimal;} ol ol{list-style-type:lower-latin;} ol ol ol{list-style-type:lower-roman;} | |
| /**End of Tino Gomes CSS Reset*/ |
No "tg-reset.min.css", retirar o espaço entre o elemento e a chave "{", não pode dar problemas em alguns browsers?
@lucascaton, nunca ouvi falar nisso!
@fnando, pensei ter lido isso no livro do Maujor, até peguei o livro pra procurar isso... mas ele fala que isso pode ser usado ao ter como objetivo economia de caracteres. Acho que viajei "/
Isso não me parece apenas "reset"... tem uns styles aí :P
http://yuilibrary.com/yui/docs/cssreset/
http://html5doctor.com/html-5-reset-stylesheet/
Não é reset mas é interessante:
http://necolas.github.com/normalize.css/
@fnando, Ó MEU GURU DOS LAYOUT, o que vc sugere para fonte no body, para agradar ao Ruindows?
@lucascaton, é isso mesmo, já que a idéia do minificado para economizar bytes, remover os espaços também é indicado e, neste caso, comi bola. Valeu!
@vquaiato, o termo "reset" que usam não é um reset mesmo. Se fosse reset de verdade, seria apenas um * {} normalizando todos os elementos para um único estilo, o que ninguém faz. Na verdade, o melhor termo para usar seria um normalize, justamente a proposta no necolas no github que você propôs.
@tinogomes: se quiser usar Helvetica no Mac e fallback para o Windows, a melhor alternativa é simplesmente font-family: sans-serif;. Deixe cada sistema lidar com a fonte padrão, que no Windows é Arial. ;)
Helvetica como body renderiza horrivelmente no Windows.