Wenn wir über HTML sprechen, wissen wir, dass HTML zum Erstellen von Webanwendungen verwendet wird. Um den HTML -Inhalt präsentierbar zu machen, müssen Sie geeignete CSS auf HTML anwenden. CSS umfasst eine große Gruppe von Eigenschaften, die auf ein HTML -Dokument entweder inline, intern und extern angewendet werden können.

In Anbetracht der Bedeutung von CSS dient dieser Beitrag die folgenden Ergebnisse:

• Wofür steht CSS??
• Wie CSS auf ein HTML -Dokument angewendet wird

Wofür steht CSS??

CSS steht für Cascading Style Sheet; Es ist das einzige Stylesheet, das eine HTML -Seite attraktiv und präsentierbar macht. CSS selbst ist nutzlos, bis es mit HTML kombiniert wird, um wundervolle Website- und Webanwendungsdesigns und Layouts zu erstellen. CSS wurde 1996 von W3C als Lösung für die Überwindung des teuren Prozesss des Hinzufügens von Schriftarten und Farben zur HTML -Seite entworfen.

Wie CSS auf ein HTML -Dokument angewendet wird

CSS kann entweder intern, inline oder extern auf dem HTML -Dokument angewendet werden. Daher können das CSS in drei Typen unterteilt werden: Inline -CSS, interne CSS und externes CSS. Hier haben wir alle diese Kategorien ausdrücklich demonstriert.

Inline CSS
CSS gilt als Inline, wenn wir Stil als Attribut in den HTML -Tags verwenden. Es ist nur hilfreich, wenn Sie ein HTML -Tag ansprechen müssen.

Hier ist der Beispielcode, in dem das Inline -CSS angewendet wird.

Code

Inline CSS

Dieser Absatz wird geschrieben, um die Verwendung von Inline -CSS auf der HTML -Seite zu präsentieren.

Im obigen Code verwenden wir Inline -CSS, um die Schriftgröße und Farbe der Schriftart zu ändern

Schild.

Ausgang

Die Ausgabe zeigt deutlich, dass die Schriftgröße und die Schriftfarbe durch Inline -CSS geändert werden.

Interne CSS
CSS gilt als intern, wenn wir Stil -Tags im Kopfabschnitt der HTML -Seite verwenden, um das Format und das Layout der verschiedenen HTML -Tags anzugeben oder zu ändern. Interne CSS wird verwendet, wenn wir eine Klasse erstellen müssen oder mehrere HTML -Tags gleichzeitig jedoch in kleinem Maßstab abzielen. Lassen Sie uns das praktische Beispiel für interne CSS sehen.

Code

Inline CSS

Dieser Absatz wird geschrieben, um die Verwendung von Inline -CSS auf der HTML -Seite zu präsentieren.

In diesem Code haben wir das Tag im Kopfabschnitt des Dokuments verwendet. Das Tag zielt auf die

Und

Tags des HTML -Dokuments. Diese CSS -Eigenschaften werden auf alle angewendet

Und

Tags im gesamten Dokument.

Ausgang

Die Ausgabe zeigt, dass das interne CSS die Schriftgröße und -farbe nach unseren Anforderungen erfolgreich verändert.

Externes CSS
CSS gilt als extern, wenn es in einer separaten Datei ohne Verwendung von Style -Tag geschrieben ist. Die Datei wird mit dem "gespeichert" gespeichert.CSS" Verlängerung. Der ".CSSDie Datei wird mit dem HTML -Code mithilfe der HTML verknüpft Schild. Lassen Sie uns das praktische Beispiel für externe CSS sehen.

Code

Externes CSS

Dieser Absatz wird geschrieben, um die Verwendung externer CSS auf der HTML -Seite zu präsentieren.

In diesem Code fügen wir externe CSS -Dateien in den HTML -Code mit Hilfe von Tag ein, um die Farbe der Schriftgröße und die Position des Inhalts von zu ändern

Tag und

Schild.

Ausgang

So können Sie eine externe CSS -Datei in Ihr HTML -Dokument integrieren.

Abschluss

CSS steht für Cascading Style Sheet. Es wird verwendet, um den Inhalt der HTML -Seiteninhalte ausdrucksstark und präsentierbar zu machen, indem wundervolle Designs und Layouts erstellt werden. Dieser Beitrag zielte hauptsächlich darauf ab, wofür CSS steht. Abgesehen davon haben Sie auch gelernt, wie Inline, interne und externe CSS auf HTML -Dokumenten angewendet werden können.