ago
27
2009

Reset CSS || Reseteando estilos

An article by miguelortega Comments

Reset CSS

Aplicando un Reset CSS a nuestros estilos

Anteriormente había explicado sobre el modelo de cajas (div) en CSS y aplicabamos un reset universal… y en esta ocacion veremos de que setrata esto del Reset CSS.

Se sabe que cada navegador tiene preestablecido “estilos” o bien atributos CSS a los elementos HTML y claro… varian entre ellos, asi que ahora mas que un lujo o detalle, es una necesidad usar un reset css, para no tener problemas cross-browsing (compatibilidad entre otros navegadores) y que se descuadre o colapsen elementos en nuestro sitio.

Asi que si queremos mayor compatibilidad entre navegadores debemos agregar las siguientes lineas a nuestra hoja de estilos.

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
}