HTML5 - Utilisation des polices - Partie2

Table des matières
Les polices, comme nous l'avons vu dans la partie 1 de ce didacticiel, sont un moyen très subtil et efficace de changer la façon dont une page HTML tu vois, on sait déjà un peu utiliser l'attribut Police de caractère, nous allons maintenant voir les propriétés avancées pour continuer à personnaliser nos documents.
Travailler avec la taille de la police
Afin de travailler avec la taille des polices, CSS nous permet un certain nombre de propriétés et d'attributs avec lesquels nous pouvons obtenir les effets que nous souhaitons dans notre recherche de personnalisation de nos documents.
Les attributs suivants nous permettent de réaliser le changement de tailles.
xx-petit x-petit petit moyen grand x-grand xx-grand : Configure la taille de la police, le navigateur se charge d'établir la taille exacte des polices, au fur et à mesure que la liste des options progresse, la lettre du bloc de texte auquel la propriété est appliquée devient plus grande. .
plus petit plus grand : Il établit la taille de la police, la taille qui est obtenue est relative à l'élément parent.
Voyons maintenant dans le code un exemple de la façon d'appliquer ces nouvelles connaissances :
 Exemple

Il existe de nombreuses sortes de fruits - il existe plus de 500 variétés de bananes à elles seules. Au moment où nous ajoutons les innombrables types de pommes, d'oranges et d'autres fruits bien connus, nous sommes confrontés à des milliers de choix.


Dans ce code nous utilisons les deux types d'attributs celui identifié avec l'id première prendra une taille fixe et l'identifiant avec l'id seconde prendra une taille plus grande par rapport à son conteneur parent, voyons à quoi il ressemble dans le navigateur.

Établir le style et le poids
Le poids de la police correspond à l'épaisseur du trait qui définit la lettre, cela peut être modifié avec la propriété police-poidsD'autre part, le style nous permet de choisir entre du texte normal, en italique ou aussi en oblique, voyons comment nous l'utilisons dans un code pour pouvoir passer directement à la pratique.
 Exemple

Il existe de nombreuses sortes de fruits - il existe plus de 500 variétés de bananes à elles seules. Au moment où nous ajoutons les innombrables types de pommes, d'oranges et d'autres fruits bien connus, nous sommes confrontés à des milliers de choix.


Voyons maintenant à quoi cela ressemble dans notre navigateur.

Dans le code, ce que nous avons fait était de placer une section en italique et une autre en gras ou en gras, il y a une différence entre l'italique et l'oblique, cependant au niveau visuel c'est quelque chose qui est négligeable pour le moment, on peut aussi laisser cette différence à étudier et le contenu de ce didacticiel est donc frais à l'esprit.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif

Vous contribuerez au développement du site, partager la page avec vos amis

wave wave wave wave wave