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

comment ¿Que opinas?

Artículos recientes

close

LE Clitoris, un adorable documental animado sobre el clítoris (NSFW)

Le Clitoris es un gracioso y adorable documenta que nos explica la historia del único órgano humano dedicado al placer; este curioso vídeo que ha sido creado por Lori Malépart-Traversy ha sido premiado en diversos festivales; durante…

close

Schrodinger’s Wood, un ejemplo de ilusión óptica en el arte

Maskull Lasserre ha creado una genial escultura en madera que muestra un escenario un tanto imposible; y es que, esta obra de nombre Schrodinger’s Wood es una oda a los detalles que merece la pena apreciar….

close

Creativos accesorios de oficina para diseñadores y amantes de Pantone

Pantone se ha vuelto inmensamente grande en cuanto a publicidad directa e indirecta; esto es evidente cuando nos fijamos en la cantidad de productos, obras y diseños que ha inspirado. Desde fotografías, selecciones de colores…

close

Ilustraciones para reflexionar sobre los problemas de la sociedad

Quiero compartir con ustedes unas impactantes ilustraciones realizadas por un artista conocido en Facebook como “Al Margen“; la cuales, nos invitan a reflexionar sobre lo intrincado y vacío de los problemas actuales de la sociedad….

close

El Spinner de Google, la solución a tu estrés y sin gastar tu dinero

Con motivo de la creciente afición y moda de los Spinners para aliviar el estrés muchas empresas han sacado sus versiones de esta simple herramienta; razón por la cual, Google ha decidido no quedarse atrás…

close

play_circle_outline WoodSwimmer, fascinante stop motion hecho con cortes de madera

Brett Foxwell es un fotógrafo creativo que gusta de tomar fotografías en alta definición sobre objetos inanimados “en movimiento”; en esta ocasión presenta su nueva película en Stop Motion denominada WoodSwimmer, la cual, nos sumerge…

notifications Recién publicamos
close