Foros del Web » Creando para Internet » CSS »

Micro-tuto: abreviar estilos de fuentes

Estas en el tema de Micro-tuto: abreviar estilos de fuentes en el foro de CSS en Foros del Web. Este dato me pareció importante y quise compartirlo, aunque es muy posible que algunos ya lo sepan. Algunas personas colocamos los estilos de fuentes así: ...
  #1 (permalink)  
Antiguo 08/02/2008, 23:30
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Micro-tuto: abreviar estilos de fuentes

Este dato me pareció importante y quise compartirlo, aunque es muy posible que algunos ya lo sepan.

Algunas personas colocamos los estilos de fuentes así:

Código:
.fuente {
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	line-height: 120%;
	font-variant: uppercase;
	font-style: italic;
}
Ahora miren esto, da el mismo resultado:
Código:
.fuente {
	font: italic uppercase bold 12px/120% Arial, Helvetica, Sans-serif;
}
¿Tremendo no? Cada elemento debe obedecer a un orden específico y es éste:

Código:
.fuente {
	font: [1] [2] [3] [4]/[5] [6];
}
Donde

1. font-style
2. font-variant
3. font-weight
4. font-size
5. line-height
6. font-family



Más info: http://www.eyeofdesign.com/css/font.php

Última edición por metacortex; 08/02/2008 a las 23:35
  #2 (permalink)  
Antiguo 09/02/2008, 01:07
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: Micro-tuto: abreviar estilos de fuentes

Hola:

Buen aporte meta, te invito a que lo insertes en las FAQs...

Sobre este tipo de sintaxis para estilos compuestos, se puede extender a los bordes (border-width, border-style y border-color) y a los fondos, véase FAQ-24.

Ejemplos:
.bordeAbreviado {
border: 3px inset gray;
}

.fondoAbreviado {
background: #eeeeee url(fondo.jpg) no-repeat center center;/* suelo usarlo con mucha frecuencia */
}

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 09/02/2008, 10:15
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Re: Micro-tuto: abreviar estilos de fuentes

Interesante aportación
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 04:28.