Die Technologie CSS (Cascading Style Sheets)

Cascading Style Sheets (nachfolgend einfach - Stile) die Arbeit von Web-Meister zu erleichtern , sind so konzipiert. Um zum Beispiel eine Website von mehreren Seiten zu erzeugen möchten, dass Sie Seitenelemente von einem bestimmten Muster gehalten zu formatieren, die einmal würde nicht wieder gezwungen, um den Code auf jeder Seite eines langen Attributwerte eingeben. Und sind somit Arten strukturiert. Das allgemeine Prinzip des Schreibens wird auf der folgenden Reihenfolge reduziert:

svoystva_stilya1: Wert; svoystvo_stilya2: Wert; ....... svoystvo_stilyaN: Wert

wo der Rest der Interpunktion in Abhängigkeit von den Style-Eigenschaften verwendet.

Die Eigenschaften der Arten sind in drei Gruppen eingeteilt.

  1. Es wird verwendet, wenn Sie das Element formatiert werden müssen, ist nicht irgendwo anders auf der Seite wiederholt, und im Zusammenhang mit einem bestimmten Tag. Beschreibt diesen Stil wie folgt: <TAG atribut1 = "value" ...... atributN = "Wert" style = "svoystvo_stilya1: ... svoystvo_stilyaN Wert: Wert">
  2. Sie werden verwendet, global zu beschreiben, wie die Seite Formatierungselemente für jeden Stil einen Namen zuweisen. Diese Beschreibung passt direkt in den Code der Seite - in einem Container <HEAD> mit Container <STYLE>. Hier ist ein Beispiel: <HEAD> <style type = text / css> .imya_stilya opisanie_stilya {} TD. imya_stilya opisanie_stilya {} </ style> </ HEAD >, wobei "type = text / css" - die Pflicht zur Information und TD - Bezeichnung Tag , auf die der Stil angewendet wird. Mit "opisanie_stilya" bedeutet verschiedene Formatierungselemente, die eine Menge sein kann.
  3. Wird in der Anwendung von Arten in großen Mengen, oder , wenn es mehr als zehn Seiten, eine Probe aus einer einzigen Textdatei mit der Endung .css. Ein Link auf die Datei im Container <HEAD> angegeben und wie folgt aussieht: <link href = "adres_fayla Stile / filename .css" TYPE = "text / css " rel = "stylesheet">, wobei die Art und REL -atributy Bestimmung des Typs Datei. By the way, können Sie beziehen sich auf, und auf der anderen Seite : @import url ( "adres_fayla Stile / filename css").

Sobald wir die Stile in der die meisten Seite hinweisen oder Verweis auf sie zu machen - man kann sie mit der direkten Beteiligung von Attributen <Klasse> verwenden können , oder <ID> -Tag auf der rechten Seite . Beispiel:

<Td class = "imya_stilya"> element_stranitsy </ TD>.

Es gibt auch zwei Möglichkeiten, um Stile anwenden - eine Beschreibung der Pseudoklassen und Pseudoelemente.

Die Einheiten werden in der CSS bezeichnet:

  • Pixel (px) - der Minimalpunkt auf dem Bildschirm
  • Punkte (pt) - eine Maßeinheit der Schriftart (1punkt = 1/72 Zoll
  • Spitzen (pc) - 1 Gipfel ist 12punktam
  • Prozent (%) - Verhältnis zu einer anderen Menge
  • Millimeter (mm) und Zentimeter (cm) - kein Kommentar
  • Zoll (in) - 1 Zoll entspricht 2,52 cm

Die Stile, wie auch in der gesamten HTML - Sprache, bei der Beschreibung der Farbmodell gilt das RGB .

Die HTML 4.01 Spezifikation der Sprache Cascading Style Sheets sollten überall dort eingesetzt werden, wo sie die Anwendung haben können. Ein internationales Konsortium das W3C, das die Spezifikation genehmigt empfiehlt die Verwendung von CSS (Cascading Style Sheets). Andere Methoden markiert sie als Spam.

Integrierte Tools Cascading Style Sheets von vielen HTML-Editor erstellen können Sie schnell und einfach mit dieser Aufgabe gerecht zu werden. Jedoch nicht über ausreichende Kenntnisse in dieser Richtung aufweist - das Ergebnis wird umgekehrt.

Zu der breiten Palette von HTML-Editoren, in denen es möglich ist, Cascading Style Sheets erstellen, ist unserer Meinung nach schlicht und einfach zur Verfügung zu stellen - Macromedia Homesite 5.0 mit seinen Top Style und Macromedia Dreamweaver MX 2004. Letzteres wird für Anfänger besser sein.

Bevor Sie mit der Redaktion empfehlen dringend theoretischen Studien über diese Links passieren.