Create a gist now

Instantly share code, notes, and snippets.

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
*/
/**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*/
@fnando
fnando commented Feb 12, 2012

Helvetica como body renderiza horrivelmente no Windows.

@lucascaton

No "tg-reset.min.css", retirar o espaço entre o elemento e a chave "{", não pode dar problemas em alguns browsers?

@fnando
fnando commented Feb 12, 2012

@lucascaton, nunca ouvi falar nisso!

@lucascaton

@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 "/

@vquaiato

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/

@tinogomes
Owner

@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.

@fnando
fnando commented Feb 13, 2012

@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. ;)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment