CSS unités
Lors de la spécification des valeurs numériques ou de longueur pour les propriétés CSS, comme width ou font-size vous avez le choix entre différentes unités. Les 3 sont les plus utilisés sont les pixels, les valeurs relatives et des pourcentages.
Pixel
Les pixels sont les points minuscules qui composent l'écran de votre ordinateur et sont l'unité la plus précise, vous pouvez utiliser pour ce médium. Si vous définissez une largeur de 100 pixels, il sera affiché exactement comme ça, ni plus ni moins. Pour définir les valeurs en pixels que vous ajoutez simplement un droit px après la valeur.
CSS unité de pixel
Relative Values
Des valeurs relatives sont souvent utilisées pour font-size , Bien qu'ils puissent être utilisés pour toute propriété numérique d'autres, aussi. , Ils sont relatifs à l'élément courant et sont mis en ajoutant un em. 1em utilise toujours la valeur actuelle inchangée, 2em utilise le double et 0.5em utilise la moitié de celui-ci (techniquement em moyens par rapport à la largeur du caractère m minuscule dans le courant police).
CSS unité de valeur relative
p {font-size:2em}
Au-dessus de code définit la font-size à 13 pixels pour l'élément body. Les éléments du paragraphe à l'intérieur du corps à utiliser une valeur relative de 2em, doublant ainsi la valeur à 26 pixels.
Si nous utilisons 1.9em place, la valeur paragraphe sera en 24,7 pixels. Parce qu'un écran d'ordinateur ne peut afficher pixels ensemble, le navigateur Web tentera d'arrondir la valeur soit à 24 pixels ou 25 pixels qui peut parfois entraîner des incohérences entre les navigateurs.
Pourcentages
Les pourcentages de travail à peu près la même manière que les valeurs relatives. 100% prend la valeur actuelle inchangée, à 200% il double et ainsi de suite. Les pourcentages sont fixés en ajoutant un%.
CSS unité de pourcentage
p {font-size:200%}
Zero
Quand une valeur est fixée à zéro, il n'y a pas besoin d'énoncer une unité.
CSS valeur zéro
D'autres unités
Il existe quelques unités de plus que rarement utilisés, tels que pc (picas), cm (centimètres), mm (millimètres), in (pouce) et PT (points).
Directives d'utilisation
1. Valeurs relatives pour les polices
Un site Internet doit être flexible et redimensionnable, y compris les polices (en maintenant la touche Ctrl enfoncée et en déplaçant votre molette de la souris). Certaines versions plus anciennes d'Internet Explorer refuse de redimensionner les polices de caractères si vous spécifiez le font-size en pixels. Utilisez une valeur relative à la place. 76% pour la <body> police et em pour toutes les polices des autres est une technique couramment utilisée pour obtenir les polices uniforme dans tous les navigateurs.
2. Pixels seulement si nécessaire
La règle générale est d'utiliser des valeurs relatives et des pourcentages mesure du possible pour assurer une présentation et structure flexible dans tous les médias. Bien que les pixels sont OK si vous avez besoin de positionner très précisément les choses à l'écran.