ホームページ  >  記事  >  ウェブフロントエンド  >  注意:CSSコードの記述順序が異なるため、表示効果が異なります_エクスペリエンス交換

注意:CSSコードの記述順序が異なるため、表示効果が異なります_エクスペリエンス交換

WBOY
WBOYオリジナル
2016-05-16 12:10:101714ブラウズ

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

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


[Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。