Hay un truco muy bueno para eso del font size, creo que lo lei en alistapart.com, pero la verdad que no me acuerdo.
El tamaño de fuente que muestran los navegadores por default es (casi siempre) 16px, correcto? 10 es el 62.5% de 16.
Asi que que pasaria si hacemos que el font size de html sea del 62.5%?
Exacto ahora tenemos el font en un tamaño de 10px pero sin usar la unidad px...
Pero 10px es una letra muy chica, y yo no tengo muy buena vista.
Podria poner que p tenga un font size de 2em por ejemplo y la letra es de 20px...
Con esto puedo seguir cambiando el tamaño de la letra en el explorer y las matematicas necesarias para elegir el tamaño de la letra se simplifican bastante
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="es"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> html {font-size:62.5%;} .cinco {font-size:0.5em;} /* si lees esto, te doy un premio*/ .diez {font-size:1em;} /* no es necesario pero es para explicar el concepto */ .veinte {font-size:2em;} .treinta {font-size:3em;} </style> <title>em rules :-)</title> </head> <body> <p class="diez">esto esta en 10px</p> <p class="veinte">esto esta en 20px</p> <p class="treinta">esto esta en 30px</p>
</body> </html>
No cometas el error de poner html, body {font-size:62.5%;} o te vas a encontrar con un efecto un tanto desagradable... el 62.5% del 62.5% de 16 es... una letra ilegible.
Con respecto a lo de normas... No, no hay ninguna. uno usa las unidades que mejor le parezcan (anque no me parece muy util utilizar pt para el tamaño de una caja, por ejemplo)
Yo personalmente utilizo % y em para todo lo que pueda y, si no me queda otra, uso px.
Saludos
Ariel
Jordi Gibert Bernadàs wrote:
Hola,
Alguno de ustedes me sabría decir si existe algún tipo de normativa referente a las unidades a utilizar en los atributos padding, margin, font-size... He visto que se utiliza indistintamente px, em y pt pero no se si es correcto... Lo poco que sé es que si utilizo px el tamaño será fijo para explorer, o sea, insensible al augmento de tamaño de letra a través del menú... Conocen algún documento donde hable un poco del tema? gracias!
gimbo http://www.tremperamatinera.com
_______________________________________________ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
_______________________________________________ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
