CSS Plus Zeichen
Beispiel 01:
Beginnen wir mit dem ersten Beispiel für die Verwendung des Pluszeichens im HTML -Code, um es auf viele Arten zu verwenden. Wir werfen einen Blick auf das Körpermarke des HTML -Code. Innerhalb des Körpers der HTML. Wir verwenden eine weitere Überschriften von Größe 2, die die zweitgrößte Größe der HTML -Überschriften ist, gefolgt vom Div -Tag. Dieses „Div“ -Tag erstellt einen neuen Abschnitt mit einigen Informationen zum Veröffentlichungsdatum und dem Ort, an dem es veröffentlicht wird.
Nach diesem Tag haben wir ein weiteres „DIV“ -Tag, das für die Erstellung eines neuen Abschnitts auf der HTML -Seite verwendet wird. Der Körperabschnitt dieser HTML ist hier abgeschlossen. Schauen wir uns das "Stil" -Tag einer HTML -Seite an, um das Styling der verschiedenen Elemente zu sehen. Innerhalb dieses Tags verwenden wir das Pluszeichen „+“ unter der Überschrift 2 und das „DIV“. Die Schriftgröße beträgt 22 Pixel, das Schriftgewicht ist leichter, die Anzeige ist inline, während die Hintergrundfarbe für den Abschnitt „Div“ lila ist und die Textfarbe leichtes Cyan ist. Danach verwenden wir den Titel des H1-Überschriftens, um ihn mit der nahezu schwarzen Textfarbe zu stylen. Das Styling ist hier abgeschlossen.
Die Ausgabe dieses Codes wird im folgenden Bild angezeigt. Die erste Überschrift der Größe 1 ist dunkelblau gefärbt, während die andere Krippe der zweitgrößten Größe in einer adeiligen schwarzen Farbe angezeigt wird. Da das erste Div -Tag an die Überschrift 2 einer HTML -Seite neben den Eigenschaften der kombinierten „DIV “- und„ H2 “-Arements angrenzt. Andererseits wird die Überschrift 1 gemäß der Verwendung des H1 im Style -Tag gestaltet.
Beispiel 02:
Beginnen wir mit einem weiteren Beispiel für die Verwendung des Plus -Zeichens zum Stil. Wir beginnen dieses Beispiel mit der Verwendung des DOCType HTML -Haupt -Tags, gefolgt von der einzelnen Öffnung des Kopf -Tags. Es folgt der Öffnung des Titel -Tags, das den Titel „CSS Plus Sign“ darin enthält, und das Schließen des Titel -Tags.
Schauen wir uns den Körperbereich eines HTML -Codes mit dem Körperelement -Tag an. Wir verwenden die verschiedenen Überschriften und Absätze über ihre jeweiligen Tags, ich.e. "H1, H2 und P". Zuerst verwenden wir die H1 -Überschrift der größten Größe. Danach verwenden wir die Überschrift 2 der zweitgrößten Größe zusammen mit dem angrenzenden Absatz. Wir erstellen ein neues DIV -Tag nach der Überschrift, um einen neuen Abschnitt innerhalb der HTML -Seite zu erstellen. Zuletzt verwenden wir die Überschrift 2 erneut, gefolgt vom Absatzelement innerhalb des Div -Abschnitts.
Mit dem Pluszeichen zwischen der Überschrift 2 und dem Absatz stylen wir den Absatz neben der Überschrift 2. Wir haben mehr als eine Überschrift der gleichen Größe. Daher braucht es die Überschrift 2, die von Anfang an an erster Stelle steht. Wir verwenden die grüne Farbe auf dem Absatz neben dieser ersten Überschrift 2 mit der Schriftgröße von 28 Pixel, dem Hintergrund-Farben-Khaki und der Eigenschaft von Texttransformationen, um den Großbuchstaben anzuzeigen.
Danach verwenden wir das Absatzetik. Hier geht es um die Verwendung des Pluszeichens für das Styling. Lassen Sie uns diesen Code jetzt ausführen.
Wir erhalten die Ausgabe mit den Überschriften der Größen 1 und 2 ohne Styling. Der erste Absatz wird in allen Großbuchstaben mit dem Hintergrundkhaki und dem grünen Farbtext angezeigt. Während der letzte Absatz separat in lila Farbtext angezeigt wird. Die Verwendung des Plus -Zeichens zum Styling des Absatzes hat keinen Einfluss auf das Styling des zweiten Absatzes.
Beispiel 03:
Der Körper beginnt mit dem Übergang 1 -Element, gefolgt vom Div -Element, um einen neuen Abschnitt zu erstellen. Dieser Abschnitt enthält insgesamt vier Absatzelemente, um die verschiedenen Absätze und einen DIV -Abschnitt zu erstellen, in dem auch das Absatz -Tag verwendet wird, um einen einzelnen Absatz innerhalb dieses Abschnitts zu erstellen.
Nachdem alle inneren Elemente dieses Abschnitts abgeschlossen sind. Innerhalb des Style -Tags verwenden wir den Absatz „P“, um das Schriftgewicht als fett und die Schriftgröße von 25 Pixel auf alle Absätze im Körper anzuwenden. Jetzt verwenden wir das Pluszeichen innerhalb der beiden Absatz -Tags, um das angegebene Styling auf dem angrenzenden Absatz des ersten Absatzes im Körperabschnitt anzuwenden. Verschiedene Eigenschaften der Schriftart, Grenze und Text werden für den zweiten Absatz festgelegt, i.e. 5px Doppelrand.
Jetzt verwenden wir die Absatz -Tags erneut mit dem Pluszeichen, um die 3. und 4. angrenzenden Absätze des Körperbereichs zu stylen. Die verschiedenen Eigenschaften im Schriftarten im Schriftstil zusammen mit der Rand -Farb- und Rand -Umrisseigenschaft sind festgelegt, ich.e. Rand von 5 Pixel gepunktet und purpurrote Textfarbe werden für die angrenzenden Absätze angegeben. Jetzt ist der Code fertiggestellt und wir sind auf dem Weg, ihn auszuführen.
Die Ausgabe zeigt, dass der zweite Absatz sehr unterschiedlich als die übrigen Absätze bezeichnet wird, während der 3. und 4. Absatz ähnlich gestaltet sind. Der 1. und 5. Absatz sieht im Styling ähnlich aus.
Abschluss
Dieser Artikel zeigt einige einfache Beispiele zur Veranschaulichung der Verwendung des „+“ Plus -Zeichens im HTML -Scripting. Wir haben gelernt, wie das "+" Plus -Zeichen einige Elemente stylen kann, die nach dem "+" Plus -Zeichen im CSS -Styling erwähnt werden, ohne das Styling des ersten angegebenen Elements des HTML zu ändern. Zu diesem Zweck haben wir insgesamt 3 Beispiele verwendet, um die Abschnitte und Div -Abschnitte zu stylen. Mit diesem Attributelement können Sie Änderungen an jeder HTML -Seite vornehmen, ohne Angst zu haben, die Formatierung für Ihre HTML -Seite zu verlieren.