HTML -Stile

HTML -Stile
HTML bietet ein Stilattribut, um verschiedene Stile zu implementieren. E.G. Hintergrundfarbe, Schriftart usw. auf HTML -Elementen. Es wird verschiedene Eigenschaften verwendet, um das Erscheinungsbild eines HTML -Dokuments zu beschreiben. Wir können das Style -Tag die Mini -CS des HTML -Dokuments nennen.

In diesem Artikel wird erklärt, wie wir das Style-Attribut in den HTML-Elementen festlegen können. Um dieses Ziel zu erreichen, liefert dieser Artikel mehrere Beispiele. Also ohne weitere Verzögerung beginnen wir beginnen!

Syntax

Die Syntax der Attribute im HTML -Stil enthält eine Eigenschaft und ihren Wert, wie im folgenden Snippet gezeigt:

Im HTML -Style -Attribut können wir mehrere Eigenschaften für ein HTML -Element wie Schriftstil, Hintergrundfarbe usw. festlegen. In solchen Szenarien müssen wir ein Semikolon „“ einfügen;; Nach jeder Eigenschaft, wie im folgenden Skript gezeigt:

So fügen Sie einem HTML -Element einen Stil hinzu

In diesem Beispiel werden einige Stile auf verschiedenen HTML angewendet

Einfacher Absatz


Absatz mit Hintergrundfarbe


Absatz mit X-Large-Schriftgröße



Der erste

Das Element hat das Style -Attribut nicht verwendet, sodass es einen normalen Absatz anzeigt. Der zweite und dritte Absatz implantierten jedoch Stilattribute für verschiedene Zwecke. Infolgedessen zeigt der Browser die folgende Ausgabe an:

So verwenden Sie mehrere Eigenschaften im Style -Attribut

Im obigen Beispiel gab es drei verschiedene Absätze, die jedes Element einen einzigartigen Stil hat. Betrachten Sie nun ein anderes Beispiel, das die mehreren Stile im selben Absatz implementiert:



Einfacher Absatz


Absatz mit goldenem Hintergrund und Zentrum ausgerichtet


Absatz mit X-Large-Schriftgröße und kursivem Stil



Der obige Code erstellt drei

Elemente. Der erste ist das einfache, der zweite Absatz verwendete das Stilelement mit mehreren Eigenschaften, um die goldene Hintergrundfarbe und den zentrum ausgerichteten Text festzulegen. Der dritte Absatz implementiert auch die beiden Eigenschaften, um die Schriftart in extra großer und kursiver Stil festzulegen.

In diesem Artikel werden nun die am häufigsten verwendeten Stileigenschaften wie unten angegeben:

  • Der Farbe Eigenschaft wird verwendet, um die Textfarbe festzulegen.
  • Der Hintergrundfarbe Eigenschaft legt die Hintergrundfarbe des HTML -Elements fest.
  • Der Schriftstil Eigenschaft legt die verschiedenen Schriftstile für ein HTML -Element e fest E.G. kursiv, mutig, usw.
  • Der Schriftfamilie Eigenschaft implementiert die Schriftart für HTML -Elemente wie Monospace usw.
  • Der Schriftgröße Eigenschaft in HTML legt die Größe eines beliebigen HTML -Elements fest, wie z klein, 12px, usw.
  • Der Textausrichtung wird verwendet, um die Ausrichtung des Textes zu setzen Mitte, richtig, usw.

Abschluss

Die HTML -Stile wirken sich direkt auf das scheinbare Aussehen eines HTML -Dokuments aus. In diesem Artikel wurde erklärt, was das HTML-Style-Attribut ist? Wie funktioniert das Style -Attribut?? Welche Eigenschaften können es haben? Und wie wichtig es ist, eine Webseite zu stylen. Dieser Artikel erarbeitete diese Konzepte mit Hilfe einiger Beispiele, um eine klare Sichtweise zu gewährleisten.