Il existe différents styles de formatage que nous pouvons utiliser sur notre site Web. Certains d'entre eux sont italiques, audacieux, soulignés, en strikethrough, indice, et plus. Ces styles de formatage sont mis en œuvre en fonction des exigences. Avec l'aide de ces styles de formatage, on peut avoir un document soigné et plus clair pour la lecture.

Ce manuel fournira un guide sur:

• Qu'est-ce que HTML "" Élément?
• Comment formater le texte en tant que compensation dans CSS?
• Qu'est-ce que HTML "" Élément?
• Comment formater le texte comme indice dans CSS?
• Quel est le "alignement vertical»Propriété CSS?
• Comment formater du texte avec CSS?

Avant de se précipiter dans la section CSS, voyons comment HTML nous fournit les balises pour les indices et les exposés.

Qu'est-ce que HTML "^{" Élément?}

Le HTML "»L'élément est utilisé pour faire un texte en son exposant. L'écoute est représentée comme un petit texte légèrement au-dessus de la ligne normale.

Comment formater le texte en tant que compensation dans CSS?

Dans HTML, d'abord, ajoutez un nouvel élément div avec le «formule" classe. Puis ajouter

élément pour inclure un titre. Après ça, deux

Les éléments sont inclus pour spécifier la formule. Le texte qui doit être ajouté en exposant est placé à l'intérieur du «"Démarrer la balise et"”Tag de fin comme suit:

Expression algébrique

un² - b ² = (a + b) (a - b)

(A + B)² = A² + 2AB + B²

Style «formule» div

.formule
Largeur: 80%;
hauteur: 200px;
Color en arrière-plan: # 153462;
Couleur: Ghostwhite;
Border: 2px RVB solide (44, 37, 37);
Box-Shadow: 1px 1px 5px 4px RGB (135, 130, 130);
rembourrage: 1px 20px;
marge: auto;
Font-Family: Cursive;

Le ".formule”Est ​​utilisé pour accéder à la formule de la classe Div et appliquer les propriétés CSS enrôlées:

• "largeur»La propriété définit la largeur de l'élément.
• "hauteur»La propriété définit la hauteur de l'élément.
• "Couleur de l'arrière plan»La propriété applique de la couleur à l'arrière-plan de l'élément.
• "couleur»La propriété est utilisée pour régler la couleur de la police.
• "frontière»La propriété est utilisée pour spécifier la bordure autour de l'élément particulier en spécifiant le style, la largeur et la couleur de la bordure.
• "boîte ombre»La propriété ajuste l'ombre autour de la boîte. La valeur est définie en spécifiant plusieurs valeurs pour le décalage horizontal, le décalage vertical, l'effet flou, l'effet de propagation et la couleur de l'ombre.
• "rembourrage»La propriété est utilisée pour régler l'espace autour du contenu des éléments. La première valeur spécifie l'espace sur le bas-fond et la deuxième valeur indique l'espace sur la droite gauche du contenu.
• "marge»Les propriétés définissent pour ajouter de l'espace autour de l'élément. La valeur "auto"Signifie un espace égal autour de l'élément.
• "famille de polices»La propriété est utilisée pour spécifier le style de police.

Élément de style «P»

.Formule P
taille de police: 20px;

La taille de la police du

élément du div "formule"Est appliqué avec la propriété"taille de police".

Le code fourni ci-dessus générera la sortie comme indiqué dans l'image ci-dessous:

Jusqu'à présent, nous avons discuté de la façon de faire du texte en exposant dans HTML, et maintenant, la prochaine section montrera comment faire du texte des indices avec un exemple pratique.

Qu'est-ce que HTML "_{" Élément?}

Le HTML "»L'élément est utilisé pour formater le texte comme un indice. L'indice est illustré en petit texte, légèrement en dessous de la ligne normale.

Comment formater le texte comme indice dans CSS?

Voici un code HTML qui utilise le HTML "”Élément dans le"

Formules de logarithme

enregistrer _unm = journal _unn alors m = n

enregistrer _un[m * n] = journal _unJournal M + _unn

Sortir

Qu'est-ce que la propriété CSS «Adigne vertical»?

Le CSS "alignement vertical»La propriété est utilisée pour régler l'alignement de la verticale de l'élément. Voici les valeurs associées à cette propriété:

• sous
• super
• Text-TOP
• base de base
• texton

Pour faire de l'indice de texte ou de l'exposant, le «sous" et "super»Les valeurs sont utilisées.

Comment formater du texte avec CSS?

Dans HTML, d'abord, ajoutez un nouveau nom d'élément div avec le «expression" classe. Ensuite, placez deux

Éléments pour spécifier la formule qui contient des indices et du texte en exposant. La balise ayant des ID différentes est utilisée autour du texte à formater. Les éléments avec ID "dessous«Sont formatés comme des indices, et les éléments ayant un id«au-dessus de«Sont formatés en exposés:

logid = "ci-dessous"> a[m * n] = log id = "ci-dessous"> am + log id = "ci-dessous"> an

(a + b) id = "ci-dessus"> 2 = aide = "ci-dessus"> 2 + 2ab + bid = "ci-dessus"> 2

Style «expression» div

.expression
Largeur: 80%;
hauteur: 200px;
marge: 1px automatique;
rembourrage: 1px 10px;
Color en arrière-plan: RVB (243, 218, 75);
Border: Goldenrod solide 2px;
taille de police: 18px;

Voici les propriétés qui sont appliquées sur le «expression"Div:

• "largeur»La propriété définit la largeur de l'élément.
• "hauteur»La propriété définit la hauteur de l'élément.
• "Couleur de l'arrière plan»La propriété est utilisée pour appliquer la couleur à l'arrière-plan de l'élément.
• "marge»La propriété ajoute de l'espace autour de l'élément. La première valeur spécifie l'espace au fond supérieur, et le second indique un espace sur les côtés gauche-droite de l'élément.
• "rembourrage»La propriété est utilisée pour régler l'espace autour du contenu des éléments. La première valeur définit l'espace sur le fond supérieur et la deuxième valeur indique l'espace sur la droite gauche du contenu.
• "frontière«La propriété est utilisée pour ajouter la bordure autour de l'élément en fournissant le style, la largeur et la couleur de la bordure.
• "taille de police»La propriété est utilisée pour régler la taille de la police de l'élément.

ID de style «ci-dessous»

#dessous
Adigne vertical: sub;

Le "#dessous"Pointe vers l'élément avec l'ID"dessous". Il est stylé avec la propriété "alignement vertical"Avec la valeur définie comme"sous".

ID de style «ci-dessus»

#au-dessus de
Adigne vertical: Super;
taille de police: petit;

Le "#au-dessus de"Est utilisé pour accéder à l'élément avec l'ID"au-dessus de". Les propriétés appliquées à cet identifiant sont répertoriées ci-dessous:

• "alignement vertical»Propriété avec la valeur définie comme«super”Élément de format comme super aligne.
• "taille de police«Propriété avec une valeur»petit”Définit la taille de la police comme petite.

Sortir

Ce sont les moyens de surnommer et le texte des indices dans CSS.

Conclusion

Lors de la conception de n'importe quelle application, les développeurs doivent garder à l'esprit les styles de formatage de texte. Nous pouvons faire des indices et des exposants en utilisant le HTML "" et "»Tags, respectivement. Dans CSS, la propriété d'alignement vertical est utilisée à cet effet. Cet article a démontré comment les indices et les exposés dans HTML et CSS à l'aide d'un exemple pratique.