This page has been robot translated, sorry for typos if any. Original content here.

CSS-Technologie (Cascading Style Sheets)

Cascading Style Sheets (im Folgenden einfach Styles genannt ) sollen die Arbeit von Webmastern erleichtern. Wenn Sie beispielsweise eine Site aus mehreren Seiten erstellen, möchten Sie, dass die Seitenelemente nach einem bestimmten Muster formatiert werden, sodass Sie keine langen Werte der Attribute im Code jeder Seite eingeben müssen. Ein solches Muster ist der Stil. Der allgemeine Grundsatz, sie zu schreiben, lautet wie folgt:

property_style1: Wert; property_of_style2: value; ....... property_styleN: value,

Die restlichen Interpunktionszeichen werden abhängig von den Stileigenschaften angewendet.

Die Eigenschaften der Stile sind in drei Gruppen unterteilt.

  1. Suchen Sie nach einer Anwendung, wenn Sie ein Element formatieren müssen, das an keiner anderen Stelle auf der Seite wiederholt wird und sich auf ein bestimmtes Tag bezieht. Dieser Stil wird wie folgt beschrieben: <TAG Attribut1 = "Wert" ...... AttributN = "Wert" STYLE = "Eigenschaftsstil1: Wert ... EigenschaftsstilN: Wert">
  2. Wird verwendet, um zu beschreiben, wie Seitenelemente global mit einem Namen für jeden Stil formatiert werden. Diese Beschreibung wird direkt in den Seitencode eingefügt - im Container <HEAD> mit dem Container <STYLE> . Hier ein Beispiel: <HEAD> <STYLE type = text / css > .style_name { TD_style }. style_name { style_name } </ STYLE> </ HEAD> , wobei "type = text / css" erforderliche Informationen sind und TD die Tag-Bezeichnung ist, auf die der Style angewendet wird. Unter den Begriffen " style_description " ist es notwendig, die verschiedenen Formatierungsparameter des Elements zu verstehen, die viele sein können.
  3. Wird verwendet, wenn Stile in großen Mengen angewendet werden oder wenn mehr als zehn Seiten eine separate Textdatei mit der Erweiterung darstellen . Eine Verknüpfung zu einer solchen Datei wird im <HEAD> -Container angegeben und hat das folgende Aussehen: <LINK HREF = " STYLE-Datei Adresse / Dateiname .CSS" TYPE = "text / css" REL = "Stylesheet">, wobei TYPE und REL Attribute sind , die den Typ definieren Datei. Übrigens können Sie auch auf einen anderen verweisen: @import url (" stylefile address / filename . Css").

Nachdem wir die Stile auf der Seite festgelegt oder einen Link zu ihnen erstellt haben, können Sie sie unter direkter Beteiligung der Attribute <CLASS> oder <ID> auf die gewünschten Tags anwenden. Beispiel :

<TD KLASSE = " style_name "> item_page </ TD> .

Es gibt auch zwei andere Arten, Stile anzuwenden - die Beschreibung von Pseudo-Klassen und Pseudo-Elementen.

Die Maßeinheiten in CSS sind angegeben in:

  • Pixel (px) - der minimale Punkt auf dem Bildschirm
  • Absätze (pt) ist eine Schrifteinheit (1 Punkt = 1/72 in.
  • Spitzen (pc) - 1 Spitze ist gleich 12 Punkten
  • Prozent (%) - Verhältnis zu einem anderen Wert
  • Millimeter (mm) und Zentimeter (cm) - kein Kommentar
  • Zoll (Zoll) - 1 Zoll entspricht 2,52 cm

In Stilen, wie in allen HTML-Sprachen, wird das RGB- Modell bei der Beschreibung der Farbe verwendet.

In der HTML 4.01-Spezifikation dieser Sprache sollten Cascading Stylesheets überall dort verwendet werden , wo sie verwendet werden können. Das internationale W3C- Konsortium , das diese Spezifikation genehmigt hat, empfiehlt die Verwendung von CSS (Cascading Style Sheets). Andere Methoden sind darin als unerwünscht gekennzeichnet.

Mit den integrierten Tools zum Erstellen von Cascading Stylesheets vieler HTML-Editoren können Sie diese Aufgabe schnell und einfach bewältigen. Mangels ausreichender Kenntnisse in dieser Richtung ist das Gegenteil der Fall.

Unter der großen Auswahl von HTML-Editoren, in denen Cascading Stylesheets erstellt werden können, ist es notwendig, einfache und verständliche zu unterscheiden - Macromedia HomeSite 5.0 mit seinem Top Style und Macromedia Dreamweaver MX 2004. Letzteres ist besser für Anfänger.

Bevor wir zur Redaktion übergehen, empfehlen wir dringend, theoretische Lektionen zu diesen Links zu machen.