Martes ~ Agosto 7, 2007

Reseteando estilos CSS

Por defecto, todos los elementos HTML tienen unos atributos CSS predeterminados. Estos estilos, generalmente son los ocasionantes de algunos de los problemas más comunes en el famoso cross-browsing (verse bien en todos los navegadores). Y por ello puede ser interesante resetearlos, para evitar que estos elementos nos descuadren la página.

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,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

Quizas te pueda interesar

18 Responses to “Reseteando estilos CSS

Pingback

Comentarios

1

Simplemente lo encuentro fantastico :o

Gracias!!!

Excelente aporte ^^

Saludos!

# Chicoblog -- 07/08/07 - 9:47 pm Responder
2

Hola, Andrés. Yo me quedo con la última versión del reset de Eric Meyer:

http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/

Saludos!

# Jordi -- 07/08/07 - 10:20 pm Responder
3

xD si me toco resetear unas veces los elementos para que se viera bien en firefox e iexplorer

# Dennis Mike -- 08/08/07 - 12:16 am Responder
4

El unico problema de resetear los estilos es que muchas veces sin darnos cuenta usamos los estilos por defecto de tal o cual navegador y al hacer el reset se desalinea todo.

Yo utilizo normalmente el reset.css de Yahoo.

# Eduo -- 08/08/07 - 4:24 am Responder
5

El resetear el css te libera de muchos dolores de cabeza y ayuda a mejorar el diseño para el cross-browsing excelente tema, yo al = que Eduo utilizo la de YUI pero pues no vendria mal probar otras igual y ayudan mas aunque pues basicamente son las mismas variantes.

# frogx3 -- 08/08/07 - 5:36 am Responder
6

Hace algunas semanas escribí sobre esto también, especialmente por los reseteos de Eric Meyer y Faruk Ateş: Escoge tu CSS Inicial: Eric Meyer vs. Faruk Ateş.
En todo caso también hago referencia a otros más…
Saludos!

# Gabriel Porras -- 08/08/07 - 1:53 pm Responder
7

Hace rato vengo viendo el anieto2k.com, sus articulos se entienden muy bien.

Gracias mil

saludos

# Alberto -- 08/08/07 - 9:13 pm Responder
8

Ummm… al margen de fuentes, bordes, listas y tal, no sería posible - y mejor- una versión reducida con el selector universal??:

* {

padding:0;

margin:0;

}

Te ahorras unas cuantas líneas creo, al menos en márgenes y espaciados… no?

# Covi -- 10/08/07 - 9:28 pm Responder
9

veamos si puedo aplicarlo sin problemas, gracias!!

# Sergio -- 10/08/07 - 9:32 pm Responder
10

ESTE CÓDIGO ME HA SALVADO LA WEB EN FIREFOX!!!! muxisimas gracias

# JoseQuinta -- 19/02/08 - 4:44 pm Responder

Deja un comentarioTop

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.

Esta web se encuentra sobre la licencia Creative Commons (Reconocimiento - Compartir igual) / Politicas de uso

Cerrar
Enviar por Correo