This page has been robot translated, sorry for typos if any. Original content here.

Mise en forme du texte

Mise en forme du texte

Lorsque vous remplissez des pages Web avec une mise en forme de texte au format HTML, vous devez traiter davantage que d’autres éléments et, s’il n’ya pas de style , cette profession a été longue et monotone. Les feuilles de style en cascade avec leur dernière spécification CSS 2.0 peuvent définir le texte à l'aide des options de formatage. Bien qu'il existe de nombreux manuels sur ce sujet, on peut aborder ce sujet plus simplement. Alors ...

Donc, en utilisant la propriété de famille du langage HTML, vous pouvez spécifier le type de caractère. Les valeurs placent le nom de la police ou mieux les lister par ordre de priorité. Vous pouvez appliquer des classifications de police dans les valeurs suivantes: serif (avec serifs), sans-serif (sans serif), monospase (monospace), cursive (oblique), fantaisie (arbitraire).

Taille de police - définit la taille de la police en html. Dans les valeurs, vous pouvez spécifier les valeurs numériques en unités de mesure et utiliser les mots-clés suivants:

  • Moyen - la taille de police par défaut est définie sur sa valeur.
  • petit - 20% de moins que moyen ;
  • x-small - 20% de moins que petit ;
  • xx-small - 20% de moins que x-small ;
  • grand - 20% de plus que moyen ;
  • x-large - 20% de plus que large ;
  • xx-large - 20% de plus que x-large .

Selon le style, la police changera en HTML en utilisant la propriété font-style et ses valeurs: normal ( par défaut ), italique ( italique ), oblique ( oblique ). L'épaisseur de la police ajuste la propriété font-weight avec les valeurs normal ( par défaut ) et gras ( gras ). La hauteur des lettres minuscules est formée par - font-size-adjust , et si small-casp est défini, la police sera en majuscule dans une autre propriété font-variant , et sa taille sera en minuscule.

L'espacement entre les caractères est déterminé par la propriété letter-espacement , mesurée en (em) . L'intervalle entre les mots indique - espacement des mots . À l'aide de text-transform, la casse est modifiée au moyen des valeurs suivantes: majuscule (les premières lettres de tous les mots sont majuscules), minuscule (donne aux caractères une vue minuscule), majuscule (forme des majuscules).

Lors de l'alignement du texte sur une page, en utilisant html et css, la propriété text est utilisée - alignez avec les valeurs left (left), right (right), center (center), justufy (sur la largeur de la page). L’alignement vertical du texte ne peut se produire que dans un tableau dont l’alignement vertical est vertical (haut), inférieur (bas) et moyen (long).

Lorsque vous spécifiez la distance entre les lignes, vous devez utiliser la propriété line-height , dont les valeurs peuvent être mesurées dans toutes les unités disponibles, ainsi qu'en pourcentages. Lors de l'attribution d'indentation au début d'un paragraphe, text-indent est déjà utilisé, avec les mêmes valeurs.

Les espaces sont formatés avec la participation de la propriété white-space et de ses trois valeurs: normal (les caractères de plusieurs espaces sont convertis en un), pre (ils ne seront pas convertis en un), nowrap (le texte sera transféré par des balises spéciales).

La décoration de texte crée des attributs supplémentaires au texte, sous la forme soulignement ( souligné ), barré ( trait linéaire ) et surligné ( surligné ).

Avec CSS, vous pouvez formater des listes , quelles que soient leurs variations. Dans les valeurs de la propriété list-style-type , vous pouvez spécifier les éléments suivants:

  • disque, cercle, carré - un marqueur sous la forme d'un cercle rempli, d'un cercle et d'un carré rempli, respectivement, pour une ou une autre liste.
  • lower-roman et upper-roman - numérotant la liste avec des chiffres romains en petites et grandes tailles respectivement pour la liste utilisée.
  • lower-alpha et upper-alpha - numérotation en lettres latines minuscules et majuscules.
  • decimal - numérotation de la liste, par CSS, en chiffres arabes.
  • none - pas de numérotation ni de puces pour les listes.

La propriété list-style -image permet à une petite image d'être utilisée comme marqueur. Pour ce faire, vous devez spécifier son adresse et son nom. Exemple: list-style-image: url ( adresse / nom du fichier )

La distance par rapport aux arêtes est contrôlée par la propriété list-style-position au moyen de valeurs intérieure (augmentation) et extérieure (diminution).

Si vous maîtrisez tous les détails du manuel de formatage de texte, exécutez n’importe quel éditeur HTML sur votre ordinateur. Trouvez-y le CSS et commencez de l'école aux cours pratiques.