28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai pu voir dans un css que la propriété "font" avait 2 valeurs pour définir la taille de texte.

Exemple:
font: bold 1.9em/1em Arial, Helvetica, sans-serif;

Pourquoi donner ces 2 tailles de texte?
Quelle en est l'utilité?
Comment ça agit/intervient/fonctionne?

Par avance merci pour les infos
Bonjour,

Mabelle > Tu est sûre de ton lien ?

Samsoul > Le premier chiffre est la taille de la police et le second est la hauteur de ligne.
Mouais...
Je me suis certainement mal exprimé...
Je parle de taille de texte et nom de famille de police.

En temps normal, lorsque je déclare la taille d'une police (font-size) je ne mets qu'une seule valeure

exemple:
---------------------------------------------------
#mon-element{
font-size: 12px;
font-family: Impact, "Arial Black", sans-serif;
}
=======================================
ou
---------------------------------------------------
#mon_truc{
font: 1em Arial, Helvetica, sans-serif;
}
========================================

Or dans ce que je vois dans le css c'est :
------------------------------------------------------
#comments, {
font: bold 1.6em/1em Arial, Helvetica, sans-serif;
}
==========================================

D'où ma question: pourquoi 1.6em/1em et pas simplement 1.6em ou 1em?
Cela veut-il dire que si c'est Arial qui s'affiche alors on lui donne un taille de texte de 1.6em et si elle n'est pas présente et que l'on doit afficher Helvetica alors cette dernière aura une taille de texte de 1em?
@ Laurie-Anne:
Merci pour ces précisions. J'étais un peu à côté alors. Je n'ai pas encore trop l'habitude de "simplifer" mon css.
Donc si je comprend bien ceci:

#comments, {
font: bold 1.6em/1em Arial, Helvetica, sans-serif;
}

correspond à cela:

font-weight: bold;
font-size: 1.6em;
line-height: 1em;
font-family: Arial, Helvetica, sans-serif;

J'ai juste mad'moiselle ??
Laurie-Anne a écrit :
Mabelle > Tu est sûre de ton lien ?


Oufff, je crois que j'étais encore endormie quand j'ai donné ma réponse Smiley ohwell

J'ai lu deux et vu Arial, Helvetica en me disant que la question portait là-dessus...
Bon bah nickel alors.
Je vais voir de mon côté pour approfondir un peu les raccourcis CSS et autres méthodes d'optimisation. Ça ne peut que servir...
Merci pour ce petit coup de lumière et vos contributions.