Es gibt verschiedene Formatierungsstile, die wir auf unserer Website verwenden können. Einige von ihnen sind kursiv, mutig, unterstreicht, schlägt, streift, einbezogen und mehr. Diese Formatierungsstile werden gemäß den Anforderungen implementiert. Mit Hilfe dieser Formatierungsstile kann man ein ordentlicheres und klareres Dokument zum Lesen haben.

Dieses Handbuch bietet eine Anleitung zu:

• Was ist HTML “" Element?
• So formatieren Sie Text als Superscript in CSS?
• Was ist HTML “" Element?
• So formatieren Sie Text als Index in CSS?
• Was ist der "vertikaler Ausrichtung”CSS -Eigenschaft?
• So formatieren Sie Text mit CSS?

Bevor Sie in den CSS -Abschnitt eilen, sehen wir uns an, wie HTML uns die Tags für Indexs und Superscripts zur Verfügung stellt.

Was ist HTML “^{" Element?}

Die HTML "Element wird verwendet, um einen Text darin zu einem Superschriften zu machen. Das Superscript wird als kleiner Text über der normalen Zeile leicht angezeigt.

So formatieren Sie Text als Superscript in CSS?

Fügen Sie in HTML zunächst ein neues DIV -Element mit dem "hinzu"Formel" Klasse. Dann füge hinzu

Element, um einige Überschriften einzuschließen. Danach zwei

Elemente sind enthalten, um die Formel anzugeben. Der Text, der als Superscript hinzugefügt werden muss, befindet sich in die “"Start Tag und"”End -Tag wie folgt:

Algebraischer Ausdruck

A² - B ² = (a + b) (a - b)

(a+b)² = a² + 2ab +b²

Stil „Formel“ div

.Formel
Breite: 80%;
Höhe: 200px;
Hintergrundfarbe: #153462;
Farbe: Ghostwhite;
Grenze: 2PX Solid RGB (44, 37, 37);
Box-Shadow: 1PX 1PX 5PX 4PX RGB (135, 130, 130);
Polsterung: 1px 20px;
Rand: Auto;
Schriftfamilie: Kursiv;

Der ".Formel”Wird verwendet, um auf die Div -Class -Formel zuzugreifen und die eingetragenen CSS -Eigenschaften anzuwenden:

• “BreiteEigenschaft legt die Breite des Elements fest.
• “HöheEigenschaft legt die Höhe des Elements fest.
• “HintergrundfarbeEigenschaft wendet Farbe auf den Hintergrund des Elements an.
• “FarbeEigenschaft wird zum Festlegen der Schriftfarbe verwendet.
• “GrenzeDie Eigenschaft wird verwendet, um den Rand um das jeweilige Element zu spezifizieren, indem der Stil, die Breite und die Farbe des Randes angegeben wird.
• “Box SchattenDie Eigenschaft passt den Schatten um die Box an. Der Wert wird gesetzt, indem mehrere Werte für horizontale Offset, vertikale Versatz, Unschärfeeffekt, Spread -Effekt und Schattenfarbe angegeben werden.
• “PolsterungEigenschaft wird verwendet, um den Raum um den Inhalt der Elemente zu setzen. Der erste Wert gibt Platz auf dem Top-Bottom an, und der zweite Wert gibt Platz in der linken Rechts des Inhalts an.
• “RandEigenschaftssätze, um das Element um Platz hinzufügen. Der Wert "Auto”Bedeutet gleichem Raum um das Element.
• “SchriftfamilieDie Eigenschaft wird verwendet, um den Schriftstil anzugeben.

Stil „P“ Element

.Formel P
Schriftgröße: 20px;

Die Schriftgröße des

Element der DIV “Formel"Wird mit der Eigenschaft angewendet"Schriftgröße”.

Der oben angegebene Code generiert die Ausgabe wie im folgenden Bild gezeigt:

Bisher haben wir besprochen, wie man in HTML Superscript -Text erstellt, und jetzt wird der kommende Abschnitt zeigen.

Was ist HTML “_{" Element?}

Die HTML "Element wird verwendet, um Text als Index zu formatieren. Das Index wird als kleiner Text angezeigt, leicht unter der normalen Zeile.

So formatieren Sie Text als Index in CSS?

Hier ist ein HTML -Code, der das HTML verwendet “”Element innerhalb der“

Logarithmusformeln

Protokoll _AM = log _An dann m = n

Protokoll _A[m * n] = log _AM + log _AN

Ausgang

Was ist "vertikaler Ausrichtung" -CSS-Eigenschaft?

Das CSS “vertikaler AusrichtungEigenschaft wird verwendet, um die Ausrichtung der vertikalen Ausrichtung des Elements festzulegen. Im Folgenden finden Sie die mit dieser Eigenschaft verbundenen Werte:

• Sub
• super
• Texttop
• Grundlinie
• Textboden

Um das Texterbild oder das Superscript zu erstellen, ist das “Sub" Und "superWerte werden verwendet.

So formatieren Sie Text mit CSS?

Fügen Sie in HTML zunächst einen neuen Elementnamen -Div mit dem hinzu “Ausdruck" Klasse. Dann platzieren Sie zwei

Elemente zur Angabe der Formel, die ein Index- und Superscript -Text enthält. Das Tag mit unterschiedlichen IDs wird um den zu formatierten Text verwendet. Die Elemente mit ID “unter"Werden als Index und die Elemente mit ID formatiert" formatiert "über”Werden als Superscripts formatiert:

logid = "unten"> a[m * n] = log id = "unten"> am + log id = "unten"> aN

(a+b) id = "ober"> 2 = aid = "oben"> 2 + 2ab +bid = "ober"> 2

Stil „Ausdruck“ div

.Ausdruck
Breite: 80%;
Höhe: 200px;
Rand: 1PX Auto;
Polsterung: 1px 10px;
Hintergrundfarbe: RGB (243, 218, 75);
Grenze: 2PX Solid Goldenrod;
Schriftgröße: 18px;

Im Folgenden sind die Eigenschaften aufgeführt, die auf dem angewendet werdenAusdruck”Div:

• “BreiteEigenschaft legt die Breite des Elements fest.
• “HöheEigenschaft legt die Höhe des Elements fest.
• “HintergrundfarbeEigenschaft wird verwendet, um Farbe auf den Hintergrund des Elements anzuwenden.
• “RandEigenschaft fügt Platz um das Element um. Der erste Wert gibt Platz am Top-Bottom an, und der zweite zeigt Platz auf den links-rechtlichen Seiten des Elements an.
• “PolsterungEigenschaft wird verwendet, um den Raum um den Inhalt der Elemente zu setzen. Der erste Wert definiert Platz auf dem Top-Bottom, und der zweite Wert zeigt Platz auf der linken Rechts des Inhalts an.
• “GrenzeEigenschaft wird verwendet, um den Rand um das Element um das Element zu hindern, indem sie den Stil, die Breite und die Farbe des Randes bereitstellen.
• “SchriftgrößeDie Eigenschaft wird verwendet, um die Schriftgröße des Elements festzulegen.

Stil „unten“ ID

#unter
vertikaler Align: sub;

Der "#unter"Zeigt auf das Element mit der ID"unter”. Es ist mit der Immobilie gestaltet “vertikaler Ausrichtung"Mit dem Wert festgelegt als"Sub”.

Stil "oben" -ID

#über
vertikaler Align: Super;
Schriftgröße: klein;

Der "#über"Wird verwendet, um mit der ID auf das Element zuzugreifen"über”. Die für diese ID angewendeten Eigenschaften sind unten aufgeführt:

• “vertikaler Ausrichtung”Eigenschaft mit dem Wert als"super”Formatelement als super ausgerichtet.
• “Schriftgröße"Eigenschaft mit einem Wert"klein”Legt die Schriftgröße als klein fest.

Ausgang

Dies sind die Möglichkeiten, Text in CSS zu übertreffen und zu einweisen.

Abschluss

Während des Entwerfens einer Anwendung müssen Entwickler die Textformatierungsstile berücksichtigen. Wir können Unterläufe und Superscripts mithilfe der HTML erstellen" Und "”Tags jeweils. In CSS wird die vertikale Eigentum zu diesem Zweck verwendet. In diesem Artikel wurde gezeigt, wie man in HTML und CSS mit Hilfe eines praktischen Beispiels einweisen und übersagt.