Reseteando estilos CSS
Articulo Original de aNieto2K
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
}
Unique visitors to post: 46
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!