est-il bon d'ajouter EDIT: P> Corps {Hauteur de ligne: dans EM} Créez un problème avec si nous mettons une image avec flotteur à l'intérieur p> p> Si je dois ajouter différentes hauteurs de ligne aux éléments p> comme p > de la hauteur de ligne de code> dans corporel {line-hauteur: 1.5} code> ou ce serait mieux si j'ajoute séparément pour la balise par balise comme P {hauteur de la ligne: 1em} code> etc. p {line-height: 1.4}
h1 {line-height:1.6}
h2 {line-height:1.2}
ul li {line-height:1.1}
4 Réponses :
Cela dépend simplement. Si vous le mettez dans le corps, vous devrez être paresseux et ne vous inquiétez pas de le faire à nouveau, mais vous allez perdre le contrôle, car tout sur la page aura le Personnellement, j'irais pour la solution Tag-by-tag, mais je suis un freak de contrôle, alors ... hauteur de ligne défini sur 1.5. Alors que si vous l'avez déclaré dans chaque étiquette, vous obtenez beaucoup de contrôle, mais devrez faire plus de travail.
oui c'est bien parce que la ligne universelle crée des problèmes parfois
Vous ne perdez pas le contrôle, vous pouvez toujours remplacer le comportement sur les balises individuelles si vous ne l'aimez pas quelque part
Mettez-le là où il est approprié
Si vous voulez la hauteur de la ligne: 1,5 sur tout dans le corps, placez-le sur le corps
Si vous voulez seulement la hauteur de la ligne: 1.5 sur tout dans la zone de contenu principal, mettez-le sur l'ID DIV = "MainContent"
etc.
Corps {Line-Hauteur: dans EM} Créez un problème avec si nous mettons l'image à l'intérieur
La réponse évidente est la spécifie une fois dans le corps moins de travail (et en hauteur).
Il y a un convenu défini: si vous utilisez une unité (comme 'px') dans la hauteur de la ligne et que vous le spécifiez sur le corps, il sera utilisé comme celui de la page. Cela peut créer des résultats fous avec des titres de Fe Big Page de page se chevauchant à chaque fois ou de bout en bout de texte de plus en plus ridicule entre les lignes. Si vous n'utilisez pas une unité et spécifiez cela nulle part ailleurs, le rythme vertical de la page devient désordonné.
Lire ceci: http://www.alistapart.com/articles/howtosizetextSs/
Spécification d'une unité (dans ce cas, px) lors du réglage de la hauteur de la ligne Permet à la valeur d'être héritée dans toute la page. Si une unité sans unité La hauteur de la ligne avait été spécifiée, le multiplicateur aurait été hérité, entraînant des hauteurs de ligne étant rendus proportionnellement à la taille du texte, brisant ainsi le rythme vertical.
Il est courant dans les sites Web de ne jamais utiliser une unité sur la hauteur de la ligne, qui est l'une des raisons pour lesquelles la plupart des sites Web semblent un peu désordonnés, sous-traitants. Il suffit de regarder cette page, déjà: -)
Je spécifierais une hauteur de ligne sans une unité sur l'élément corporel et utilisez une hauteur de ligne basée sur un appareil sur une zone de «contenu» désignée où vous savez exactement quel type de contenu à attendre (le «corps de contenu»).
* - Pike
Un mot d'avertissement sur la mise en hauteur de la ligne sur la balise body: strong> Si vous spécifiez une hauteur pour cent, vous attendez intuitivement à enlargen / réduire toutes les lignes-hauteurs (par exemple 50 % psy à la moitié, 200% d'espace en double, rien de 100% se). p> body {
line-height: 1.61 // Golden Ratio
}