estaba navegando a través de esta página en meyerweb:¿Por qué controlar el relleno con altura de línea?
http://meyerweb.com/eric/css/edge/menus/demo.html
y me di cuenta de algo curioso acerca de la forma en que se crea el relleno en la cabecera:
h1 {margin: 0; padding: 1em 0.25em 0; font: bold 2.5em Arial, sans-serif; line-height: 0.8em; border-bottom: 1px solid silver; text-align: right; color: #557; letter-spacing: 2px;}
Ahora bien, si se quita la línea- directiva de altura, agrega un poco de relleno a la parte superior. Por lo tanto, la altura de la línea funciona esencialmente para eliminar un poco de relleno de la parte superior de la h1. Mi pregunta es: ¿por qué no dejar fuera de línea la altura y cambiar el relleno de 1em a .9em?
Me doy cuenta de que hay muchas maneras de despellejar a un gato en CSS, pero pensé que si un experto como Meyer lo hace de esta manera, probablemente haya alguna razón para la elección.
Gracias, Jonás
¡Gracias! Sabía que había una razón. – Jonah