CSSコードのフォントと行の高さの記述順序が異なるため、表示効果が異なります_エクスペリエンス交換

WBOY

リリース： 2016-05-16 12:07:48

オリジナル

1861 人が閲覧しました

偶然気づいたのですが、CSSのfont属性とline-height属性を同じHTMLタグに適用する場合、両者の記述順序が異なるため、表示効果が異なるので注意が必要です。
つまり:
>>> 最初に font を記述してから line-height を記述した場合、表示効果は通常になります。
>>> 最初に line-height を記述してから font を記述した場合、次の効果が定義されます。 line-height が失われます。このバグは IE、Firefox、Opera で発生します。

具体的な効果については、次のコードを参照してください:

h1:

IECN.Net - Web テクノロジーに焦点を当て、その楽しさを体験してください開発の！

IECN.Net - に焦点を当てるWeb技術、開発の楽しさを体験してみよう！

div：

IECN.Net - Web テクノロジーに焦点を当て、開発の楽しさを体験してください。

IECN.Net - に焦点を当てるWeb技術、開発の楽しさを体験してみよう！

原文: http://www.cnlei.org/blog/article.asp?id=343

注: Fengyan のメッセージを読んだ後、チェックしてください。 CSS ヘルプドキュメント

引用
フォントの定義パラメータは次の順序で配置する必要があります。パラメーターごとに 1 つの値のみが許可されます。無視した場合、そのパラメータに対応する独立プロパティのデフォルト値が使用されます:
font : font-style || font-variant || font-weight || font-size || line-height || font- family
例: p { font: italic small-caps 600 12pts/18pts 宋体; }

著者: ztu http://www.dnew.cn/post/217。 htm#topreply