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

Infografía: 90 años de historia de Coca-Cola en México

Coca-Cola una multinacional con presencia en todo el mundo tiene una larga historia dependiendo del país donde se desenvuelva; es por eso que comparto con ustedes esta genial infografía que nos muestra como han sido…

close

5 Paquetes de iconos gratis para consultorios medicos

Les comparto una pequeña selección de iconos gratis perfectos para proyectos relacionados con consultorios médicos u hospitales, he revisado todos los enlaces para descargar estos iconos gratuitos y todos funcionan correctamente, así que podemos empezar…

close

Logobook, un GRAN directorio de diseños de logos

Logobook, es un gran directorios de diseños de logos de marcas alrededor del mundo, el directorio esta muy bien organizado y seguro se puede convertir en una fuente de inspiración para tu próximo diseño de…

close

play_circle_outline Nostálgica campaña de Nokia para celebrar el regreso del indestructible 3310

Nokia lleva un tiempo con varios desaciertos en la industria de la telefonía móvil; motivo por el cual ha decido regresar a sus raíces por las cuales tuvo éxito. Todos en algún momento conocimos su…

close

The Truth is Hard, la nueva campaña del NY Times contra Trump

El New York Times, el periódico impreso de mayor importancia en el mundo ha lanzado una campaña contra Trump y sus “hechos alternativos“; esta campaña denominada The Truth is Hard que se une a la…

close

GIGS.2.GO, un ejemplo de diseño sustentable para memorias USB

GIGS.2.GO, es una idea muy creativa para tener memorias USB siempre a la mano; este genial ejemplo de diseño sustentable es una genial idea para aquellos que buscamos siempre ser amigables con el planeta. Fabricado…

notifications Recién publicamos
close