Px & em

[seoista]

Buenos dias compañeros.

¿Cómo sería aconsejable poner un texto, con PX o con EM?

Ejemplo:

Código:

<style type="text/css">
.texto {
	font-family: verdana, arial, tahoma;
	font-size: 10px; o font-size: 10em;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
</style>

<span class="texto">HOLA</span> 

¿Cómo lo pondríais vosotros?

Gracias y un saludo.

[acoevil]

m hasta donde he leido de css es mejor usarlo em

[seoista]

Iniciado por acoevil

hasta donde he leido de css es mejor usarlo em

Muchas gracias acoevil por tu opinión.

¿Alguien más quieres opinar?

Gracias.

[lucasan]

Por accesibilidad, la W3C recomienda usar unidades de medidas relativas en vez de absolutas.

Relativas: %, em

Absolutas: px, pts, etc.

Saludos.

[seoista]

Iniciado por lucasan

Por accesibilidad, la W3C recomienda usar unidades de medidas relativas en vez de absolutas.

Relativas: %, em

Absolutas: px, pts, etc.

¡¡¡Entendido!!!

Te lo agradezco lucasan , muchas gracias.

Saludos.

[America|UNK]

PX, "por las imágenes background".

[KnowDemon]

La respuesta a tu pregunta es una cosa mucho más complicada que eso. Te explico:

Se ha recomendado no usar medidas en "px" ya que en IE6 existe un problema de accesibilidad al ser imposible escalar la tipografía con los controles del navegador. En el resto de los navegadores no existe tal problema, incluído el IE7.

Las medidas en "pts" u otras medidas del MundoReal (tm), dependen del puntaje por pulgada que reporte el sistema operativo. En Windows por defecto es de 96dpi. En KDE, por ejemplo, se calcula de acuerdo al tamaño físico del monitor según lo tenga registrado el sistema, lo cual lo vuelve una medida muy variable, salvo que el usuario lo configure manualmente.

Las únidades en "em" o similares, son relativas al tamaño de texto que aplique en el contexto en que te encuentres. Si no se ha definido un tamaño absoluto, usará el tamaño por defecto del navegador, que puede variar según las configuraciones del usuario y el dpi que reporte el OS.

Mi recomendación:

Los elementos de tu página (menus, cajas, etc.) definelos en función del texto (em o similares). Asi, si el texto aumenta, las cajas aumentarán con él en la misma proporción. PERO.. si el tamaño cambia en exceso tal ves tu diseño se rompa. Tal vez te puedas dar el lujo de especificar un tamaño absoluto inicial para el texto en "px", si les das la oportunidad a los usuarios de cambiar el tamaño por medio de algún script (sobre todo los de IE6).