Cascading Style Sheets (CSS) ist eine Stylesheet-Sprache, die zur Beschreibung der Darstellung eines Dokuments verwendet wird, das in einer Auszeichnungssprache wie HTML geschrieben ist. CSS ist ein leistungsstarkes Tool, mit dem Sie das Erscheinungsbild Ihrer Webseiten steuern können, einschließlich Schriftart, Farbe, Größe und Layout von Text, Bildern und anderen Elementen.

CSS-Syntax

Die CSS-Syntax ist relativ einfach und unkompliziert. Eine Stilregel besteht aus einem Selektor, gefolgt von einer geschweiften Klammer, gefolgt von einer oder mehreren Deklarationen. Der Selektor gibt das Element oder die Elemente an, auf die die Stilregel angewendet wird, während die Deklarationen die Stileigenschaften und -werte für diese Elemente angeben.

Die folgende Stilregel ändert beispielsweise die Schriftart aller „

` Elemente zu Arial:

„

P {

Schriftfamilie:Arial;

}

„

So verwenden Sie CSS in einer Webseite

Um CSS auf einer Webseite zu verwenden, müssen Sie zunächst ein Stylesheet erstellen. Ein Stylesheet ist einfach eine Textdatei, die Ihre CSS-Regeln enthält. Sie können ein Stylesheet mit einem beliebigen Texteditor erstellen, z. B. Notepad oder TextEdit.

Nachdem Sie ein Stylesheet erstellt haben, müssen Sie es mit Ihrer Webseite verknüpfen. Sie können dies tun, indem Sie ein ` hinzufügen `-Element zum ` `-Abschnitt Ihres HTML-Dokuments. Das ` Das Element sollte auf die URL Ihres Stylesheets verweisen.

Zum Beispiel das folgende „ Das Element „“ verlinkt auf ein Stylesheet mit dem Namen „mystyles.css“:

„

„

Sobald Sie Ihr Stylesheet mit Ihrer Webseite verknüpft haben, können Sie damit beginnen, CSS-Regeln auf Ihre Elemente anzuwenden. Sie können dies tun, indem Sie das Attribut „class“ oder „id“ verwenden, um anzugeben, welche Elemente von einer bestimmten Stilregel betroffen sein sollen.

Der folgende HTML-Code wendet beispielsweise die Klasse „my-style“ auf alle „an

`Elemente:

„

Dies ist ein Absatz.

„

Die Klasse „my-style“ kann dann im Stylesheet wie folgt definiert werden:

„

.mein-Stil {

Schriftfamilie:Arial;

Farbe:blau;

}

„

Dadurch wird die Schriftart aller ` geändert

`-Elemente mit der Klasse „my-style“ zu Arial und der Farbe zu Blau.

Fazit

CSS ist ein leistungsstarkes Tool, mit dem Sie das Erscheinungsbild Ihrer Webseiten steuern können. Mithilfe von CSS können Sie optisch ansprechende und professionell aussehende Websites erstellen.