Posted By

sendoa on 07/19/06

Tagged

Versions (?)

Last Edited at 07/19/06 11:49pm

Statistics

Viewed 841 times

Favorited by 4 user(s)

Related snippets

Normalizar CSS (Tantek Celik) + equiparar EMs y PXs

/ Published in: CSS

VersiÃ³n traducida y con la mejora de equiparar EMs y PXs del undohtml.css de Tantek Celik

Highlighted TextExpand

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

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.