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

Formatage du texte

Formatage du texte

Lorsque vous remplissez des pages Web avec le formatage de texte en HTML, vous devez faire face plus que d'autres éléments et si ce n'est pour les styles , cette occupation était longue et monotone. Les feuilles de style en cascade avec leur dernière spécification CSS 2.0 peuvent définir le texte pour toutes les options de mise en forme. Bien qu'il existe de nombreux manuels sur ce sujet, mais vous pouvez aborder plus facilement ce sujet. Alors ...

Ainsi, en utilisant la propriété familiale de HTML, vous pouvez spécifier le casque de police. Les valeurs reçoivent le nom de la police ou la liste est meilleure par ordre de priorité. Vous pouvez utiliser des classifications de polices dans les valeurs: serif (avec serifs), sans-serif (sans serifs), monospase (monospace), cursive (oblique), fantasy (arbitraire).

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

  • Medium - définit la taille de police par défaut.
  • petit - 20% de moins que le moyen ;
  • x-small - 20% de moins que petit ;
  • xx-small - 20% plus petit que x-small ;
  • grand - 20% de plus que moyen ;
  • x-large - 20% de plus que grand ;
  • xx-large - 20% de plus que x-large .

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

Les intervalles entre les caractères sont déterminés par la propriété letter-spacing , qui est mesurée en (em) . L'intervalle entre les mots montre - l' espacement des mots . A l'aide de text-transform , le registre est modifié à l'aide de valeurs: capitalize (les premières lettres de tous les mots seront majuscules), minuscules (les caractères sont en minuscules), majuscules (majuscules).

Lorsque le texte est aligné sur la page, en utilisant html et css, la propriété text-align avec les valeurs left , right , center , justufy est appliquée . Verticalement, l'alignement du texte ne peut se produire que dans un tableau avec l'alignement vertical en haut , en bas et au milieu .

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 pourcentage. Lors des attributions d'indentation pour le début du paragraphe, il existe déjà une application text-indent , avec les mêmes valeurs.

Le formatage des espaces se fait avec la participation de la propriété white-space et ses trois valeurs: normal (les symboles de plusieurs espaces sont convertis en un), pre (ils ne seront pas convertis en un), nowrap (le texte sera transféré par des tags spéciaux).

La décoration de texte crée des attributs supplémentaires au texte sous forme de soulignement , d' interligne et de surlignage .

En utilisant CSS, vous pouvez également formater des listes , indépendamment de leurs variétés. 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, un cercle et un carré peint, respectivement, pour une liste particulière.
  • romain inférieur et romain supérieur - numérotation de la liste avec des chiffres romains de petites et grandes tailles, respectivement, pour la liste à remplacer.
  • numérotation alpha inférieure et alpha supérieure en lettres minuscules et majuscules.
  • décimal - numérotation de la liste, par CSS, avec des chiffres arabes.
  • none - pas de numérotation et de marqueurs pour les listes.

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

Le décalage des bords est contrôlé par la propriété list-style -position avec les valeurs à l' intérieur et à l' extérieur .

Si vous maîtrisez suffisamment tous les détails du manuel de mise en forme du texte, exécutez un éditeur HTML sur votre ordinateur. Trouvez-y CSS et commencez par étudier jusqu'à des activités pratiques.