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

Animales de fieltro por Zenia Kli Zafska

El arte sólo tiene un límite; la imaginación, la cual siempre está en creciente aumento en el ámbito creativo y por ello todos los días hay nuevos proyectos, piezas de arte que vale la pena…

close

Nautilus, un proyecto de arquitectura sustentable

Vincent Callebaut es un arquitecto conocido en el mundo de la construcción por sus diseños ecológicos e innovadores; en esta ocasión ha presentado Nautilus, un Eco-Resort diseñado para apoyar la economía, naturaleza y el turismo…

close

Fotografías aéreas por Niaz Uddin

Desde que se popularizaron los drones se han popularizado en igual medida las fotografías aéreas por parte de los aficionados y profesionales del ramo. Esto debido a que presentan nuevas perspectivas de paisajes, objetos e…

close

Okomito, una fuente tipográfica inspirada en Japón

Quiero compartir con ustedes un recurso bastante interesante que podrán adquirir de forma gratuita; ya que la fuentes tipográficas nunca son demasiadas cuando las posibilidades son infinitas. Es por eso, que comparto con ustedes esta…

close

Ilusiones 3D para fomentar la seguridad vial

En d’Ísafjörður, Islandia se está adoptando una medida creativa para fomentar la seguridad vial en el tema de la conducción y el respeto al peatón; los cuales sufren accidentes por culpa de conductores que no respetan…

close

Currículum LEGO, la creativa forma de postularse de un diseñador

Postularse para un nuevo empleo es algo muy serio sobre todo en la parte inicial que es la elaboración de un Currículum Vitae competente; los cuales deben ser igualmente creativos con el trabajo que se…

notifications Recién publicamos
close