Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/08/2013, 16:11
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: varias preguntas

Colapsamiento de márgenes

El colapsamiento de márgenes es de utilidad para, por ejemplo cuando creas una lista así:

Código CSS:
Ver original
  1. li {
  2.   margin: 20px 0;
  3. }

Ocurrirá que realmente habrán 20 pixeles entre cada elemento de la lista, no 40 (20 + 20) y, adicionalmente, tanto el primer como el último elemento no tendrán margen superior ni inferior respectivamente.

Esta sería la ventaja.

Para lograr eso, lo que supuestamente ocurre, es que mueve cada elemento de la lista -10 pixeles. Mueve solamente el margen, no elemento en si. Es como si indicaras que el margen tuviese una posición relativa y luego haces top: -10px; bottom: -10px;. Es la única forma de explicarlo que se me ocurre.

Debido a esta rareza, a veces ocurre que CSS colapsa los márgenes cuando no lo queremos o no lo necesitamos y ocurren cosas raras: http://www.forosdelweb.com/f53/borro...4/#post4452463

Ajuste automático de fuente

Realmente font-size-adjust nunca lo he usado. Pero entiendo que, según la especificación, que sirve para ajustar el tamaño de la fuente que cargaría en caso de fallar al cargar la principal. Lo que haría sería ajustar la altura de la fuente para que visualmente sea igual, y así no exista diferencia o problemas de legibilidad.

Variante de fuente

Y lo último, que tampoco lo he usado, no me queda muy claro a qué se refiere la W3C.
Yo entiendo que serviría para usar, por ejemplo, diferentes tipos de ligaduras. Si has usado alguna vez una fuente con ligaduras, o con el aquello de usar números tipo old-script (creo que se llamaba así) igual lo entiendes mejor.