Skip to main content

Reseteando el CSS

Leyendo un post de Andres de Anieto2k recuerdo un tema que lei por ahi hace ya un tiempo y que como bien dice andres es muy importante tomar en cuenta la maquetacion de los CSS para que se adapte a todos los navegadores tambien llamado cross-browsing.

Todas las etiquetas de html que utilizamos vienen con caracteristicas predefinidas en los css las cuales mediantes clases y asignacion de ids podemos modificar, pero al no resetear todas se nos puede hacer mas dificil es poder utilizar el mismo css para todos los navegadores y ahi vienen los dolores de cabeza.

Es cierto que ay mucho Hacks pero y que cuando ya no se necesiten (espero sea pronto) habria que reescribir parte del css, bueno para eso sirve el resetear todos los valores de los css como hacemos esto, pues para no hacerles el cuento largo, Yahoo tiene un archivo llamado reset.css el cual nos ayuda con eso, como conseguirlo viene incluido en la libreria YUI de yahoo.

Descargar YUICSS Reset

El post de andres nos pone un ejemplo:

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
}

O pueden checar el archivo en la pagina del autor aqui rightclick, en los comentarios tambien mencionan este otro de meyerweb

Post base en Anieto2k

Corre la voz con tus amigos/contactos:

Compartir