次の CSS スタイリングに入った CSS 計算プロセスを理解しようとしています。<h>コードはレスポンシブな Wordpress テーマからのもので、作成者が要素の行の高さの em 値にどのように到達したのかわかりません。ここで次のチュートリアルを実行しました。
チュートリアルは非常に役に立ちましたが、以下に示すコードの作成者がどのようにして自分の数字にたどり着いたのかわかりません。この著者が使用した式とプロセスを誰かが説明できれば、非常にありがたい. 14px がベースの font-size で、22px がベースのマージンで、1.57142857 (22 / 14 = 1.57142857) のベース リーディングを生成したようです。それを超えて、要素の作者の行の高さの値の理由がわかりません。
body { font:normal 14px/1.57142857 Arial,"Helvetica Neue",Helvetica,sans-serif; }
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
dl, ol, ul, table,
legend, hr, figure {
margin-bottom:22px;
}
li > ul,
li > ol {
margin-bottom:0;
}
/* Headings */
h1, .h1 { font-size:60px; line-height:1.10000000; font-weight:normal; }
h2, .h2 { font-size:36px; line-height:1.16666667; font-weight:normal; }
h3, .h3 { font-size:24px; line-height:1.25000000; font-weight:normal; }
h4, .h4 { font-size:18px; line-height:1.33333333; font-weight:normal; }
h5, .h5 { font-size:14px; line-height:1.57142857; font-weight:normal; }
h6, .h6 { font-size:12px; line-height:1.57142857; font-weight:normal; }