Klarstellung, was genau CSS font-size misst

Question

Ich lese CSS das definitive Handbuch von Eric Meyer 3. Auflage.

Sein Abschnitt über Schriftgrößen (Seite 107) besagt, dass die Schriftgröße die em-Box bestimmt. Wenn ich das tue:

span { font-size: 10px; } 

Ist es gesetzt genau die horizontale und die vertikale der em-Box 10px? Er bezieht sich auf die Messung als die Entfernung zwischen den Basislinien.

Ich glaube, ich bin ein wenig verwirrt darüber, warum es als „Box“ bezeichnet ist, statt nur em Höhe, wenn alle es tut vertikalen Abstand messen.

Answer 1

"em" ist als relative Maßeinheit sowohl für vertikale als auch für horizontale Messungen verfügbar. So

, wenn die aktuelle Schriftgröße auf 12 Pixel gesetzt ist, dann Marge Einstellung: auf einem Kind Elemente 1EM würde einen 12px Rand um es schaffen. Wenn Sie dann die Schriftgröße des Elternelements in 16px ändern würden, würde der Rand auch auf 16px erhöht werden.

Answer 2

Haben Sie einen Lesevorgang der Font size: the 'font-size' property der W3C-Spezifikation ..

Die Schriftgröße entspricht den em Platz, ein Konzept in der Typographie verwendet.