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

CSS-Technologie (Cascading Style Sheets)

Cascading Stylesheets (nachfolgend einfach als Styles bezeichnet ) sollen die Arbeit von Webmastern erleichtern. Wenn Sie beispielsweise eine Website aus mehreren Seiten erstellen, möchten Sie, dass die Seitenelemente mit einer bestimmten Vorlage formatiert werden, sodass Sie keine langen Attributwerte für jede Seite in den Code eingeben müssen. Stile sind solch eine Vorlage. Das allgemeine Prinzip, sie zu schreiben, kommt auf die folgende Reihenfolge:

style1: Wert; style_st property2: value; ....... style_styleN: value,

Der Rest der Interpunktion wird abhängig von den Stileigenschaften angewendet.

Nach ihren Eigenschaften sind Stile in drei Gruppen unterteilt.

  1. Sie werden verwendet, 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: <TEG attribute1 = "value" ...... attributeN = "Wert" STYLE = "style_style1: value ... style_styleN: value">
  2. Wird verwendet, um zu beschreiben, wie Seitenelemente global mit einem jedem Stil zugewiesenen Namen formatiert werden. Diese Beschreibung wird direkt in den Seitencode eingefügt - in den <HEAD> Container mit Hilfe des <STYLE> Containers. Hier ist ein Beispiel: <HEAD> <STYLE type = text / css > .name_style { description_style } TD . style_name { style_ description } </ STYLE> </ HEAD> , wobei "type = text / css" obligatorische Informationen sind und TD die Tag-Bezeichnung ist, auf die der Style angewendet wird. Unter den Wörtern " description_style " sollten die verschiedenen Formatierungsoptionen für ein Element verstanden werden, die viele sein können.
  3. Wird verwendet, wenn Stile in großen Mengen oder bei mehr als zehn Seiten angewendet werden , die eine separate Textdatei mit der Erweiterung .css darstellen . Der Link zu einer solchen Datei wird im Container <HEAD> angegeben und sieht folgendermaßen aus: <LINK HREF = "stylesheet_name / filename.css " TYPE = "text / css" REL = "stylesheet">, wobei TYPE und REL Attribute sind, die den Typ definieren die Datei. Übrigens können Sie auf einen anderen Weg verweisen: @import url (" stylesheet_address / filename_ccss ").

Nachdem Sie Styles auf der Seite selbst spezifiziert oder einen Link auf sie gesetzt haben, können Sie sie unter direkter Beteiligung der Attribute <CLASS> oder <ID> auf die gewünschten Tags anwenden. Beispiel :

<TD CLASS = " style_name "> Seitenelement </ TD> .

Es gibt auch zwei weitere Möglichkeiten, Stile anzuwenden - die Beschreibung von Pseudoklassen und Pseudoelementen.

Maßeinheiten in CSS sind bezeichnet in:

  • Pixel (px) - der minimale Punkt auf dem Bildschirm
  • Absätze (pt) - Schriftart Maßeinheit (1 Punkt = 1/72 Zoll
  • Spitzen (pc) - 1 Spitze ist 12 Punkte
  • Prozent (%) - Beziehung zu einem anderen Wert
  • Millimeter (mm) und Zentimeter (cm) - keine Kommentare
  • Zoll (Zoll) - 1 Zoll entspricht 2,52 cm

In Stilen, wie in jedem HTML, wird das RGB- Modell zur Beschreibung von Farben verwendet.

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

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

Unter der großen Auswahl an HTML-Editoren, in denen Cascading Stylesheets erstellt werden können, ist es unserer Meinung nach einfach und klar hervorzuheben - Macromedia HomeSite 5.0 mit seinem Top Style und Macromedia Dreamweaver MX 2004. Letzteres ist besser für Anfänger.

Bevor wir zu den Redakteuren gehen, empfehlen wir dringend, dass Sie theoretische Lektionen zu diesen Links durchgehen.