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

TGIF: Magikarp Jump, el nuevo y absurdo juego de Pokémon para móviles

Magikarp Jump es el nuevo juego para móviles Android y iPhone basado en el universo de Pokémon; esta “broma” de juego es genial en muchos aspectos, no obstante, también es ridiculo en otros. Magikarp Jump…

close

KFC transforma su clásica cubeta en una contador de cuentos

KFC Suppertime Stories es una apuesta de KFC en América del Sur; la cual, es encabezada por su nuevo diseño interactivo de Packaging, el cual,  transforma la clásica cubeta de KFC en una lampará cuenta…

close

Diseños de lámparas origami inspiradas en animales

OWL paperlamps es la empresa encargada del diseño y elaboración de estas geniales lámparas de origami inspiradas en diferentes animales. Cabe señalar, que estas pueden ser adquiridas la tienda de Etsy; esto claro mediante un módico…

close

Creativas campañas para crear conciencia sobre el calentamiento global

El calentamiento global es un hecho y cada vez es más evidente en todas las ciudades del mundo; inviernos más crudos y terribles sequías forman parte del día a día en las noticias a nivel…

close

Lista de estrenos en Netflix para Junio 2017

Llega el mes de Junio y diferentes series y películas llegan a la plataforma de vídeo mediante streaming por excelencia; es por eso, que el día de hoy te presentamos cuales son los estrenos que…

close

Living Lights of the Ocean, fotografías de un mundo subacuático surrealista

Living Lights of the Ocean es obra de fotografía y diseño digital que nos presenta un maravilloso paisaje neón de un mundo subacuático completemente surrealista. Un podría jurar que se trata de modelados digitales a simple…

notifications Recién publicamos
close