Unidades de medida px cm mm em CSS

Temas > Programacion > Css > Unidades de medida px cm mm em CSS

Julio(Admin)

Fecha de registro: 2011-01-21 21:33:50
Total temas creados: 456
Total mensajes enviados: 26

Fecha del Tema: 2013-02-16 19:10:38

Unidades de medida (px, cm, mm, em, etc ...) Hasta ahora siempre que hemos especificado tamaños de letra, margin, padding, border etc. lo hemos hecho a través de pixeles. Esto debido a que la forma más sencilla de imaginar un tamaño, por lo menos para los que estamos trabajando todo el día en una computadora, es el tamaño de un pixel del monitor. Veremos que hay varias unidades de medida para indicar tamaños y que algunas son más indicadas para algunas situaciones que otras. Disponemos de las siguientes unidades de medida: px (pixeles) em (altura de la fuenta por defecto) ex (altura de la letra x) in (pulgadas) cm (centímetros) mm (milímetros) pt (puntos, 1 punto es lo mismo que 1/72 pulgadas) pc (picas, 1 pc es lo mismo que 12 puntos) % (porcentaje) Un ejemplo que muestra una serie de párrafos asignando la propiedad font-size con distintos valores y unidades de medida: <?php // esto no va <html> <head> <title>Problema</title> <link rel="StyleSheet" href="estilos.css" type="text/css"> </head> <body> Este texto tiene 12 px Este texto tiene 15 px Este texto tiene 1 em Este texto tiene 1.5 em Este texto tiene 1 ex Este texto tiene 1.5 ex Este texto tiene 1 in Este texto tiene 1.5 in Este texto tiene 1 cm Este texto tiene 1.5 cm Este texto tiene 10 mm Este texto tiene 15 mm Este texto tiene 10 pt Este texto tiene 15 pt Este texto tiene 1 pc Este texto tiene 1.5 pc Este texto tiene 150% Este texto tiene 200% </body> </html> ?> // esto no va La hoja de estilo correspondiente es: <?php // esto no va .pixel1 { font-size:12px; } .pixel2 { font-size:15px; } .em1{ font-size:1em; } .em2{ font-size:1.5em; } .ex1{ font-size:1ex; } .ex2{ font-size:1.5ex; } .in1{ font-size:1in in2{ font-size:1.5in;}.cm1{ font-size:1cm;}.cm2{ font-size:1.5cm;}.mm1{ font-size:10mm;}.mm2{ font-size:15mm;}.pt1{ font-size:10pt;}.pt2{ font-size:15pt;}.pc1{ font-size:1pc;}.pc2{ font-size:1.5pc;}.porcentaje1{ font-size:150%;}.porcentaje2{ font-size:200%;} ?> // esto no va Los especialistas sobre el tema recomiendan utilizar em como medida cuando la salida es el monitor. Si utilizamos pixeles hay navegadores que no permiten cambiar el tamaño de texto.

Si quieres dejar un comentario registrate o inicia sesión pulsando aquí

¿Has olviado tu contraseña?
¿Todavia no te has registrado?
Pulsa aquí para registrate

Visitas: 1577469
Usuarios en linea: 1

Google

Calendario

Lun	Mar	Mie	Jue	Vie	Sab	Dom
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Martes 21 de Mayo 2024
Semana 21

Enlaces de interes

Todos los viernes a las 23:30 hs

Css

-Disposicion de 3 columnas, cabecera y pie en Css
-Disposicion de 2 columnas, cabecera y pie en Css
-Disposicion de 2 columnas (propiedad float)
-Propiedad float aplicada a una imagen con Css
-Disposicion de 2 columnas en html con Css
-Posicionamiento absoluto en html con Css
-Posicionamiento relativo en html con Css
-Definiendo reglas de estilo a una tabla
-Aplicacion de hojas de estilo a un formulario
-Definir un cursor para un control HTML
-Dimension de un objeto en una pagina
-Creacion de un menu horizontal con CSS
-Creacion de un menu vertical con CSS
-Eliminar el subrayado con CSS
-Usar el selector universal en CSS
-Propiedades relacionadas al margen con CSS
-Propiedades relacionadas al padding con CSS
-Borde de una marca HTML con CSS
-Estilos por medio de Id en CSS
-Estilos por medio de clases con CSS
-Definicion de hojas de estilo en un archivo exter.
-Definicion de un estilo en funcion de contexto CSS
-Herencia de propiedades de estilo en CSS
-Propiedades relacionadas al texto en CSS
-Definicion de reglas para una misma marca HTML
-Definicion de estilos a nivel de pagina
-Definicion de estilos a nivel de marca HTML
-Que son las hojas de estilo CSS
-Propiedades relacionadas a listas en HTML
-Propiedades relacionadas al padding en HTML
-Definicion de varias reglas para una marca HTML
-Utilizar fuente ubuntu

..............................................................................................................................................................................................................................................

Foro creado y diseñado para compartir conocimientos
Política de privacidad y Aviso legal Autor: Julio Tortosa (Contacto)..

Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal

Rechazar Aceptar