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

Android Oreo, la versión 8.0 del SO de Google ya esta aquí

Google ha lanzado al mercado la nueva versión de su sistema operativo conocido como Android; el cual, recibe el nombre de Oreo. Como sabrás, cada nueva versión de Android lleva el nombre de una golosina,…

close

Princesas de Disney protagonizan portadas de Playboy por Andrew Tarusov

Las princesas de Disney han protagonizado casi todo en esta vida, gracias a la creatividad de diversos ilustradores; es por ello, que el día de hoy, quiero compartir con ustedes el trabajo del ilustrador Andrew…

close

Rocketbook Everlast, la libreta de la era digital que ya es una realidad

Rocketbook Everlast es una libreta que ha llegado a sonar por todos los medios de comunicación; la razón, es su diseño ecológico y tecnológico que la hace sumamente especial. Su funcionamiento es el común de…

close

Ingeniosa campaña creativa de un Banco inspirada en dilemas populares

Esta ingeniosa campaña realizada por la agencia CLV para la institución financiera Bankia ha nacido esta genial campaña creativa denominada “Nunca nos ponemos de acuerdo“, y la cual, ha sido inspirada en dilemas populares. “¿Que…

close

Consejos y precauciones para fotografiar el eclipse 2017

  Quedan pocas horas para la llegada del Eclipse, el cual, será avistado y estudiado alrededor del mundo como nunca antes, debido a que este es el primer Eclipse total que ocurre en la era…

close

Xbox One X: Precio, edición Project Scorpio, fecha y juegos mejorados

Con motivo de la Gamescon en Alemania se han dado a conocer nuevos detalles de juegos, ediciones y precios de la nueva Xbox One X. Los detalles son muchos pero fácilmente resumibles en cuanto al…

notifications Recién publicamos
close