/ Published in: CSS
Versión traducida y con la mejora de equiparar EMs y PXs del undohtml.css de Tantek Celik
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/* ****************************************************************************** ****************************************************************************** * Normalizar estilos XHTML de diferentes navegadores ****************************************************************************** ****************************************************************************** */ /* Trabajar con ems para especificar tamaños de fuente es la forma más accesible de trabajar con textos porque todos los navegadores incluido IE pueden escalar la tipografÃa sin problemas. El problema suele ser que los diseñadores se encuentran más cómodos trabajando con unidades px. Una em representa el tamaño de la letra "m" en una fuente concreta. Utilizando la hoja de estilos por defecto de los navegadores, 1em son más o menos 16px. Si establecemos el tamaño del texto por defecto al 62.5% del original, tendremos que 1em = 10px y asÃ: 0.9em = 9px; 1.2em = 12px; 2.3em = 23px; ... */ body { font-size: 62.5% } /* Quitamos el subrayado de los links */ :link,:visited { text-decoration:none } /* Eliminamos las viñetas de las listas */ ul,ol { list-style:none } /* Evitar el tamaño inconsistente de los diferentes encabezados y también etiquetas <pre> y <code> */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } /* Evitar la asignación inconsistente de márgenes y rellenos a diferentes elementos HTML */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* Evitar el borde azul en imágenes que son links */ a img,:link img,:visited img { border:none } /* Quitar la cursiva del elemento <address> */ address { font-style:normal }