Je me souviens de lire un guide de style expliquant quelle est la hauteur de ligne appropriée pour chaque élément. Je ne peux pas le trouver sur Google.
J'apprécierais que quelqu'un puisse me lier à un tel guide, ou peut-être l'expliquer dans une réponse.
Merci!
Edit: Désolé, s'il vous plaît laissez-moi clarifier. Je ne demande pas comment utiliser CSS pour définir des hauteurs de ligne, mais quelles sont les hauteurs de ligne recommandées pour divers éléments. par exemple en-têtes, texte de paragraphe, etc.
Merci!
4 Réponses :
C'est généralement 120% (de la taille de la police).
L'info ici est assez basique, mais utile.
résumer:
Le Si vous dites plutôt De même, un nombre spécifique de pixels tels que Hauteur de ligne par défaut: normal donne hauteur de ligne: 1.2 , 120% de la taille de la police. Si vous allez le changer, il est toujours préférable d'utiliser un nombre sans unités, par exemple LigneHeight: 1.5 (150% la taille de la police), car alors la hauteur de la ligne pour un élément sera calculé à partir de la taille de la police de cet élément, même si la hauteur de la ligne était héritée d'un élément avec une taille de police différente.
Line-hauteur: 10em , il est calculé à partir de la police de l'élément où la hauteur de ligne a été spécifiée. . . Cela peut être faux si cette hauteur de ligne est héritée par un élément avec une taille de police différente.
la hauteur de ligne: 10px pourrait certainement être faux s'il est hérité par des éléments ayant une taille de police différente.
Peut-être que ces références ressemblent davantage à ce que vous recherchez. Je n'ai pas trouvé de règle définitive, mais au moins voici certaines choses à considérer.
Celui-ci suggère que cela dépend de votre choix de famille-famille: http://www.webebeber.ws/2009 / 09/30 / Amélioration-lisibilité-with-line-hauteur /
Celui-ci suggère que cela dépend de la largeur des lignes: http://kingdesk.com/articles/OPTIMAL-line-Height/ < / p>
Cette référence est essentiellement d'accord avec ces deux: http://www.wpdesigner.com/2007/06 / 21 / Web-typographie-gilet-espacement /
Les règles principales semblent être (1) des lignes de texte plus larges nécessitent de plus grandes lignes de ligne, et (2) une plus grande hauteur de ligne est nécessaire en fonction de la police si la hauteur des lettres minuscules est un pourcentage élevé de la hauteur. des lettres majuscules.
La meilleure approche est probablement juste pour le globe oculaire et essayer d'éviter des murs impénétrables de texte.
@Alon j'ai mis à jour le lien brisé pour pointer vers une copie archivée. Merci de me le faire savoir!
w3 écoles recommande ( ici ) une hauteur de ligne de 1,6, même si j'ai vu qu'entre 1,2 et 1,45 est bon aussi bien