CSS Reset

Uno de los grandes problemas que tenemos a la hora de maquetar un sitio o aplicación web es la necesidad de que el diseño se vea exactamente igual en todos los navegadores.

Actualmente cada navegador tiene unos estilos por defecto para cada uno de los tags html, es por esto que nuestros diseños se ven diferentes cuando los probamos en varios navegadores; para solucionar este problema de diseño es necesario resetear los valores por defecto que ponen estos navegadores y empezar a diseñar en limpio nuestra propia CSS.

En la web se encuentran algunas recopilaciones de estas CSS, a continuación les dejo una que he venido recopilando de la web.

?View Code CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

/* reset */
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%;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, select, button {margin: 0;padding: 0;font-size: 100%;font-family: inherit;} 
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
/* end reset */

Leave a Reply