Maison > interface Web > tutoriel CSS > 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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2016-05-16 12:07:48
original
1983 Les gens l'ont consulté

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 de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal