Maison  >  Article  >  interface Web  >  L'ordre d'écriture du code CSS de la police et de la hauteur de ligne est différent, ce qui entraîne des effets d'affichage différents_Échange d'expérience

L'ordre d'écriture du code CSS de la police et de la hauteur de ligne est différent, ce qui entraîne des effets d'affichage différents_Échange d'expérience

WBOY
WBOYoriginal
2016-05-16 12:07:481893parcourir

J'ai accidentellement découvert que lorsque vous appliquez les attributs font et line-height en CSS à la même balise HTML, vous devez être prudent. L'ordre d'écriture des deux est différent, ce qui entraînera des effets d'affichage différents.
C'est-à-dire :
>>> Si vous écrivez d'abord la police puis la hauteur de ligne, l'effet d'affichage sera normal
>>> Si vous écrivez d'abord la hauteur de ligne puis la police, l'effet défini par line-height sera perdu, ce BUG apparaît sous IE, Firefox et Opera

Pour des effets spécifiques, veuillez consulter le code suivant :

h1 :


IECN.Net - Concentrez-vous sur la technologie Web et découvrez le plaisir du développement !


IECN.Net - Concentrez-vous sur la technologie Web et découvrez le plaisir du développement !



div:


IECN.Net - Concentrez-vous sur la technologie Web et découvrez le plaisir du développement !

IECN.Net - Concentrez-vous sur la technologie Web et découvrez le plaisir du développement !



Texte original : http://www.cnlei.org/blog/article.asp?id=343

Remarque : après avoir lu le message de Fengyan, consultez-le Consultez le document d'aide CSS

pour citer
Les paramètres de définition de la police doivent être disposés dans l'ordre suivant. Une seule valeur est autorisée par paramètre. Si elle est ignorée, la valeur par défaut de la propriété indépendante correspondant à son paramètre sera utilisée :
font : font-style || font-weight || famille
Exemple : p { police : italique petites majuscules 600 12pts/18pts 宋体; }

Auteur : ztu http://www.dnew.cn/post/217.htm#topreply
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn