formatage du texte

formatage du texte

Lorsque vous remplissez les Web-pages avec le formatage du texte en html doivent faire face à plus que les autres éléments, et si pas pour les styles, cette activité était d'un caractère longue et monotone. Cascading feuilles de style avec leur dernière spécification CSS 2.0 peut spécifier les options de formatage de texte. Bien qu'il existe de nombreux livres sur ce sujet, mais il est possible d'approcher plus facilement à ce sujet. Alors ...

Donc , avec l'aide du langage HTML de la famille de la propriété, vous pouvez spécifier la police de caractères. Les valeurs mettent le nom de la police, ou mieux leur liste par ordre de priorité. Vous pouvez utiliser les valeurs dans la classification des polices: serif (empattement), sans-serif (sans empattement), monospase (monospaced), cursive (italiques), imaginaire (arbitraire).

Font-size - définit la taille de la police en html. Les valeurs peuvent être spécifiées comme des valeurs numériques dans les unités, et l'utilisation des mots-clés:

  • Medium - sa valeur est définie par la taille de la police par défaut.
  • petite - 20% de moins que la moyenne;
  • x-small - 20% de moins que la petite;
  • xx-small - 20% de moins que le x-small;
  • grande - 20% de plus que le moyen;
  • x-large - 20% de plus que les grandes;
  • xx- grande - 20% de plus que le x-large.

Selon le style de police va changer dans le code HTML en utilisant la propriété font-style et ses valeurs: normale (par défaut), italic (italique), oblique (incliné). La largeur ajuste la propriété font-weight police avec les valeurs de la normale (par défaut) et gras (gras). La hauteur des formes minuscules - font-size-adjust, et lorsque la valeur de petit-casp dans une autre propriété font-variant police est en majuscules, et la taille d'avoir une ligne.

Les intervalles entre les caractères sont déterminés par la propriété letter-spacing, qui sont mesurés dans le (em). L' espacement entre les mots montre - word-spacing. En utilisant text-transform se produit en changeant les valeurs de registre: capitaliser (première lettre de chaque mot sera en majuscule), minuscules (caractères donne vue sur la ligne), majuscules (formes en majuscules).

Lors de l' alignement du texte sur la page en html et css est utilisé propriété text - aligner avec les valeurs de gauche (le bord gauche), à droite (à droite), centre (centrée), justufy (largeur de la page). L' alignement vertical du texte peut avoir lieu que dans un tableau indiquant la vertical- aligner avec les valeurs de la partie supérieure (au - dessus), en bas (en bas), au milieu (au milieu).

Lorsqu'on se réfère à la distance entre les lignes que vous aurez besoin d'utiliser la propriété line-height, dont la valeur peut être mesurée dans toutes les unités disponibles et en pourcentage. En nommant le tiret pour le début du paragraphe trouve déjà utiliser text-indent, avec les mêmes valeurs.

les lacunes de mise en forme se produisent avec l'aide de l'espace blanc et ses trois valeurs: normal (quelques caractères espaces sont convertis en un seul), pré (ne sera pas converti en un seul), nowrap (texte sera déplacé avec des balises spéciales).

Text-decoration crée des attributs supplémentaires au texte sous la forme d'un trait de soulignement (souligné), barré (line-through) et overline (surlignement).

Avec CSS , vous pouvez formater et des listes, quelle que soit leur espèce. Les valeurs de la liste-style-type propriétés, vous pouvez spécifier les éléments suivants:

  • disque, cercle, carré - comme marqueur dans un cercle rempli, un cercle rempli et carré, respectivement, pour une liste particulière.
  • bas-romain et le haut-romain - chiffres romains numérotation la liste des petites et grandes tailles, respectivement, pour la liste de prmenyaetsya.
  • bas-alpha et le haut-alpha - numérotation des lettres latines majuscules et minuscules.
  • décimal - la liste numérotation par CSS, avec des chiffres arabes.
  • none - aucune numérotation et des balles.

La -image propriété de style liste- permet à une petite image à utiliser comme marqueur. Pour ce faire, vous devez demander donné son nom et son adresse. Exemple: list-style-image: url ( adresse / nom du fichier)

Loin des bords des valeurs de propriété list- de -Position de style réglementés par l'intérieur (pour augmenter) et à l' extérieur (pour réduire).

Si vous êtes tout à fait appris tous les détails du tutoriel sur le formatage du texte, exécutez sur votre "ordinateur" tout éditeur HTML. Trouver où CSS et passer de l' éducation à la formation pratique.