• Blog

• 

• • CSS: Reset
  • Enviado em 28/08/2010 12:16

  • Sobre

    Resetar o CSS pode facilitar o desenvolvimento de um layout, já que alguns browsers possuem elementos com valores diferentes. Por exemplo, um padding de um button no Internet Explorer possui propriedades diferentes quando carregado no Mozilla Firefox.

    Como utilizar

    Basta incluir este CSS em sua página e começar a brincadeira!

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td 
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	outline: 0;
    	font-weight: inherit;
    	font-style: inherit;
    	font-size: 100%;
    	font-family: inherit;
    	vertical-align: baseline;
    }
    :focus 
    {
    	outline: 0;
    }
    body 
    {
    	line-height: 1;
    	color: black;
    	background: white;
    }
    ol, ul 
    {
    	list-style: none;
    }
    table 
    {
    	border-collapse: separate;
    	border-spacing: 0;
    }
    caption, th, td 
    {
    	text-align: left;
    	font-weight: normal;
    }
    blockquote:before, blockquote:after,
    q:before, q:after 
    {
    	content: "";
    }
    blockquote, q 
    {
    	quotes: "" "";
    }
    

    Thanks Eric Meyer for this (:

  ---

  Tweet

  ---

  • • Danilo Santucci Nascimento comentou em 01/09/2010 11:14:

    • É rapaz, bendito seja Eric Meyer e as CSS para nós. :) Esse reset é um dos mais usados, mesmo muita gente não achando necessário reset em todos esses elementos, é interessante ter mente todos eles. :)

    • 
  • • Guilherme comentou em 01/09/2010 14:31:

    • Reset é uma mão na roda na luta contra o Ruinternet Explorer!

    • 
  • • Felipe comentou em 08/09/2010 11:32:

    • IE merece a morte... é um atraso de vida pra gente...

    • 
  • • Piero Giusti comentou em 05/11/2010 11:27:

    • Pq não usar: { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100; font-family: inherit; vertical-align: baseline; } ?

    • 
  • • Guilherme Madaleno comentou em 05/11/2010 11:32:

    • Funciona? Se sim, vou incluir com seus créditos! Abraços.

    • 
  • • Felipe comentou em 05/11/2010 14:38:

    • Se funfar eu vou usar tb...

    • 
  Envie seu comentário!

  

  Comentário

  Nome:
  

  E-mail: (Não será divulgado)
  

  Site ou blog: (Opcional)
  

  Comentário: (Máximo de 255 caracteres)
  

  Enviar

  ---

  Veja também:

  • CSS: Comentários condicionais para Internet Explorer
  • CSS: Aplicando estilo em elementos HTML desabilitados

• 

• © MMIX-MMXII Guilherme Augusto Madaleno
  Termos e Privacidade • Suporte • Contato

• • 
  • 
  • 
  • 
  • 
  • 

Ok