Foros del Web » Creando para Internet » CSS »

Px & em

Estas en el tema de Px & em en el foro de CSS en Foros del Web. 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; ...
  #1 (permalink)  
Antiguo 26/08/2008, 00:36
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Px & em

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.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #2 (permalink)  
Antiguo 26/08/2008, 01:49
Avatar de acoevil  
Fecha de Ingreso: julio-2008
Ubicación: localhost/colombia/sevillaValle.php
Mensajes: 1.123
Antigüedad: 9 años, 4 meses
Puntos: 30
Respuesta: Px & em

m hasta donde he leido de css es mejor usarlo em
  #3 (permalink)  
Antiguo 27/08/2008, 00:57
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Respuesta: Px & em

Cita:
Iniciado por acoevil Ver Mensaje
hasta donde he leido de css es mejor usarlo em
Muchas gracias acoevil por tu opinión.

¿Alguien más quieres opinar?

Gracias.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #4 (permalink)  
Antiguo 27/08/2008, 01:49
Avatar de lucasan
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: Cali - Colombia
Mensajes: 1.144
Antigüedad: 10 años, 6 meses
Puntos: 59
Respuesta: Px & em

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

Relativas: %, em

Absolutas: px, pts, etc.

Saludos.
__________________
Plan Original Desarrollo Web
~$>sudo apt-get install -f
"Asi debería arreglarse todo en la vida"
  #5 (permalink)  
Antiguo 27/08/2008, 06:09
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Respuesta: Px & em

Cita:
Iniciado por lucasan Ver Mensaje
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.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·

Última edición por seoista; 27/08/2008 a las 06:17
  #6 (permalink)  
Antiguo 30/08/2008, 13:02
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 11 años
Puntos: 56
Respuesta: Px & em

PX, "por las imágenes background".
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */
  #7 (permalink)  
Antiguo 30/08/2008, 23:12
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
Respuesta: Px & em

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).
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."

Última edición por KnowDemon; 30/08/2008 a las 23:18
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:41.