José Carlos Web Designer | Freelancer

JOSÉ CARLOS ARAÚJO

Web Designer freelancer com mais de cinco anos de experiência, residente na cidade de João Pessoa - PB.

O site encontra-se na fase Beta, ainda existem algumas seções a serem concluídas.

Passar para esquerda
Passar para direita

Blog

Assinar Feed RSS

Resetar CSS

// 10.04.2007
CSS

Um código bastante simples e útil para zerar os valores de todos os seletores do CSS, diminuindo assim a quantidade de CSS Hacks a serem utilizadas:

body,div,dl,dt,dd,ul,ol,li{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
pre,form,fieldset,p,blockquote{margin:0;padding:0;}
th,td{margin:0;padding:0;}
address,th{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
img,fieldset{border:none;}
ol,ul{list-style:none;}

6 comentários para “Resetar CSS”

  1. Pedro Rogério disse:
    22 de abril de 2007 às 10:23 pm

    Boa, vou guardar aqui como referência!!!

  2. Flavio Mendes disse:
    23 de abril de 2007 às 9:51 pm

    Um comentário de Pedro Rogério (Pinceladas da Web) no seu blog… não é para qualquer um :)
    Parabéns!

  3. João Paulo Fechine Sette disse:
    22 de maio de 2007 às 3:14 pm

    Fala José!
    Teu site está muito bacana, fico feliz em ver o crescimento profissional de vocês! Parabéns!

    Seguinte, sobre o post em questão “resetar tags”, ou como eu costumo chamar “zerando as tag’s”…

    Eu particularmente utilizo o *{margin:0…} que além de validar (http://jigsaw.w3.org/css-validator/validator?text=*+%7Bmargin%3A0%3B+padding%3A0%3B+list-style-type%3Anone%3B+color%3A%23000%3B+font-size%3A12px+%2F*+e+assim+vai+*%2F%7D&usermedium=all&warning=1&profile=css21&usermedium=all), me economiza algumas linhas de código.

    Como eu sei que você conheçe tal código, fiquei interessado em te perguntar se você notou algum problema com seletor “mundial” (*) para a ação de ‘zerar’ todas as tag’s - alguma erro de renderização, sei lá.

    Se você não reportou nenhuma diferença de renderização, acho que seria interesse acrescentar em seu poste essa informação também.

    Bom, acho que é isso.. grande abraço ;)
    Precisando de qq coisa, manda as ordens.

  4. José Carlos Araújo disse:
    23 de maio de 2007 às 2:02 pm

    Brigadão João, eu não tive problemas com ele, mas é uma boa idéia mesmo adicionar mais esse caminho ;) abração

  5. José Carlos Web Designer » Blog Archive » Resetar CSS #2 disse:
    24 de maio de 2007 às 7:59 am

    [...] foi lembrado pelo João Paulo (amigo e professor) existe também outro caminho para resetar todos os atributos com um seletor “curinga” que para todos os navegadores, [...]

  6. Pedro Rogério disse:
    17 de julho de 2007 às 3:34 pm

    Também não é pra tanto hem Flávio, mas obrigado pelo reconhecimento.

Deixe um comentário


(*) Campos obrigatórios



W3C valid XHTML 1.1 and CSS 2.1

José Carlos Araújo | Web Designer