Return to Snippet

Revision: 583
at July 19, 2006 23:49 by sendoa


Initial Code
/*
******************************************************************************
******************************************************************************
* 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 }

Initial URL


Initial Description
Versión traducida y con la mejora de equiparar EMs y PXs del undohtml.css de Tantek Celik

Initial Title
Normalizar CSS (Tantek Celik) + equiparar EMs y PXs

Initial Tags


Initial Language
CSS