Tabla de equivalencias entre px, pt, % y em para web
Interesante artículo de ateneupopular.com acerca de las equivalencias entre valores en pt (puntos), px (pixels), % y em cuando se declaran como propiedades de distancia en web.
| Pts | Px | Em | % |
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 150% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
| 26pt | 35px | 2.2em | 220% |
| 27pt | 36px | 2.25em | 225% |
| 28pt | 37px | 2.3em | 230% |
Ver artículo en: http://www.ateneupopular.com/ y en: http://www.webadictos.com.mx
Artículos Posiblemente Relacionados
Un comentario en 'Tabla de equivalencias entre px, pt, % y em para web'
-
Links de la Semana: 03/FEBRERO | February 25th, 2008 a las 11:33 pm
Comenta aquí
Populares
- Notas acerca de HTML y su correcta visualización en e-mails



(4 / 4) - BitNami: Aplicaciones web empaquetadas y listas para instalar!



(4 / 4) - Tips y trucos de CSS (muy útiles)



(4 / 4) - Más fuentes y tipografÃas para descargar (Gratis!)



(4 / 4) - Layouts en CSS de 3 columnas fijas



(4 / 4) - Stemplate: Templates de elementos web



(3.86 / 4) - La importancia de los Meta Tags



(3.8 / 4) - Tutorial: Perfila imágenes con un par de clics



(3.8 / 4)
Comentarios Recientes
May 16, 2008 | recuweb
en: FavIcon GeneratorMay 16, 2008 | recuweb
en: Herramientas en lÃnea para webMay 6, 2008 | EcuadorGlobal
en: Más fuentes y tipografÃas para descargar (Gratis!)May 3, 2008 | kenneth
en: Crea tu propio logo Web 2.0April 23, 2008 | AlvaroG
en: Mega listado de generadores "web 2.0" en lÃnea
Artículos Anteriores
- Project Gmail Grimace: Hagamos que Google nos escuche
- PrestaShop: Tu negocio en internet, fácil y gratis!
- FreeVectors.net: GalerÃa vectorial gratis!
- Excelente listado de tutoriales de Adobe Photoshop!
- 10 malententidos sobre la usabilidad
- 56 tutoriales de Flash!
- Buen tutorial de Fireworks para poner brillo a los elementos
- 22 sitios útiles para crear layouts en CSS
- Muy buena galerÃa de fotos con Javascript
- Top 10 hosting compartidos
- BitNami: Aplicaciones web empaquetadas y listas para instalar!
- 120 ideas para diseñadores y freelancers para promocionarse (Gratis!)
- Tutoriales de Adobe Illustrator
- Entendiendo el funcionamiento de “z-index” en CSS
- Notas acerca de HTML y su correcta visualización en e-mails
Los Temas
- .net (4)
- 3d (1)
- Accesibilidad y Usabilidad (34)
- Adobe (11)
- Ajax (7)
- Apple (3)
- Banners (6)
- Blogs (22)
- Browsers (17)
- Buscadores (5)
- CMS (2)
- Colores (1)
- Curiosidades (29)
- Diseño Gráfico (39)
- Diseño Web (98)
- Dreamweaver (3)
- Encuestas (1)
- Estándares (36)
- Eventos (29)
- Fireworks (6)
- Flash (9)
- Fuentes (5)
- Google (7)
- Herramientas (82)
- HTML y CSS (85)
- Iconos (11)
- Internet (57)
- Libros (2)
- Logos (1)
- Microsoft (9)
- Personal (17)
- Photoshop (12)
- Programación (22)
- SEO (1)
- Templates (6)
- TipografÃas (4)
- Tips Avanzados (107)
- Tutoriales (11)
Archivos
Acerca del Autor
Michael Müller C. es un diseñador y desarrollador de sitios web radicado en Guayaquil, Ecuador. Creador de MMC Design en 1998 y de Iconiza en el 2007.
Del Portafolio
Lo que leo
- 456 Berea Street
- A List Apart
- Andufo.com
- Bloggus
- Cinerama.ec
- Design View
- Digital Web Magazine
- Diseño web
- Diseño web profesional
- EINICIO.com
- El Café de Joe
- El Ecuador de Hoy
- Freelance Switch
- FutbolAdicto.com
- Garrett Dimon Blog
- Inclusion.es
- Jackob Nielsen
- Javier Romero
- Jeffrey Zeldman
- Jonathan Snook's Blog
- Juan Xavier
- Mentalized
- Simplebits
- Smashmagazine
- Verlee's Blog
Servicios
Contribuye
¿Te ha servido la información de este blog? Considera hacer una donación a través de:
Conoce más recomendaciones personales de libros relacionados con Diseño y Desarrollo Web en Amazon.

February 25th, 2008

