Der Auftrag Cascading Style Sheets Cascade

Sie könnten sich fragen: "Warum Stylesheet-Dateien cascadingstyle Blätter genannt sind (also die" C "in CSS)?" Cascading

Stile an, wie angewendet werden, und in welcher Reihenfolge - das heißt, welche Stile Vorrang vor anderen nehmen. CSS kann auf drei Arten implementiert werden - allein oder in Kombination miteinander - auf deiner Seite ein:

• In der Reihe: Inline CSS bezieht sich auf Stile, die direkt in den Inhalt sind. Diese Methode ist die am wenigsten wünschenswert, da sie nur den Inhalt betrifft, die die Stile mit direkt verbunden sind.

• Eingebettet in den Kopf des HTML-Dokuments: Wie Inline-Stile werden eingebettete Stile definiert direkt in einer HTML-Seite, und nicht durch einen externen Stylesheet. Allerdings bieten diese Stile mehr Flexibilität, weil sie zu viele Elemente innerhalb dieser einzelnen Seite angewendet werden kann, wie alle Absätze in dem Dokument.

  Diese Stile nicht beeinflussen jedoch Teile von anderen HTML-Seiten in Ihrem orts- sie gelten nur für das Dokument, in dem sie eingebettet sind.

• Extern: Externe CSS wirkt sich auf alle Seiten einer Website. Sie benötigen eine externe CSS-Datei und dann im Kopfbereich des HTML-Dokumente auf diese Datei eine Verknüpfung zu erstellen. Auf diese Weise können Sie Vorteil der schnellen gesamten Site-Layout Kontrolle zu übernehmen.

Inline-Stile

Inline-Stile direkt in den Körper des Dokuments sind codiert. Zum Beispiel sehen Sie die folgende HTML für einen Absatz:

Dies wäre schwarzer Text

Obwohl Inline-Styles sind schnell im laufenden Betrieb hinzuzufügen, empfehlen wir nicht, diese Technik. Im Wesentlichen traden Sie einen alten Stil der Codierung, die schwer zu pflegen Websites für einen neuen Geschmack der gleichen Sache geschaffen.

Zum Beispiel, die in dem Code folgt, können Sie sehen, dass dieser Stil direkt innerhalb der Anwendung ist

markieren und wird nur dieses eine Instanz eines Absatzes berührt. Keine weiteren Abschnitten werden die Attribute übernehmen, wenn Sie die gleiche Stilattribute für sie gelten.

Dies wäre schwarzer Text

Das Problem mit dieser Art und Weise Codierung ist, dass, wenn Sie sich entscheiden, die Farbe des Textes auf Ihrer Website ändern möchten - oder irgendetwas anderes mit Inline-Styles codiert - Sie haben zu finden alle die Orte, die Sie diese Inline-Styling-Techniken verwendet, und sie ändern. Inline-Styles auch eine Menge Unordnung machen, die nicht notwendig ist.

Styles im Kopf des Dokuments eingebettet

Wenn du embed Designs, Sie CSS-Stile in den Kopfbereich des HTML-Dokuments erstellen und ihnen in der HTML beziehen, wie folgt aus:

Dieser Text wäre lila

Der Vorteil dieser Technik ist, dass Sie einige spezielle Arten in nur einem HTML-Dokument eingebettet haben. Dies kann nützlich sein, wenn Sie eine spezielle Seite für eine Veranstaltung möchten. Die anderen Seiten Ihrer Website werden nicht von Arten betroffen, die auf diese Weise eingebettet sind oder Inline erstellt.

Wenn Sie Stile erstellen möchten, die Sie auf Ihrer Website verwenden möchten (was meistens der Fall ist), nicht diese Technik verwenden. Sie werden mit einer Website am Ende, dass ein Schmerz im Nacken ist zu aktualisieren, da Sie jedes Dokument öffnen, müssen werden und jedes eingebetteten Stil individuell bearbeiten.

Externe Stylesheets

ein externes Stylesheet zu verwenden ist im Allgemeinen die bevorzugte Methode, vor allem, wenn Sie Ihre Stile über die gesamte Website implementieren möchten. Alle CSS-Style-Informationen werden in einer externen Datei (en) erstellt. Die Datei wird in das HTML-Dokument in dem Kopfteil des HTML, so ähnlich verlinkt sind:

Dieser Code verbindet die CSS-Datei in das HTML-Dokument. Die CSS-Datei ist style1.css und ist im selben Ordner wie die aufgerufene HTML-Seite.

Hinweis: Die externen Stylesheet des Dateierweiterung .css. Wenn ein Besucher auf Ihre Website geht, wird der CSS zusammen mit dem HTML geladen, und die Seite sieht gut aus. Der große Vorteil dieser Technik besteht darin, dass, wenn Sie wollen etwas über Ihr Design oder Layout zu ändern, können Sie einen ganzen Site ändern, indem sie die Stile in der CSS-Datei ändern. Sie brauchen nicht die HTML-Dateien zu öffnen, um sie zu bearbeiten. Natürlich müssen Sie vor dem Veröffentlichen sie Ihre Seiten in einer Vorschau, aber das ist die Regel für alle Web-Seiten.

Sie können auch mehrere Stylesheets und verknüpfen sie mit der gleichen HTML-Dokument, wie diese zu erstellen:

Mit dieser Technik können Ihre Website ein einheitliches Look and Feel, und haben immer noch die Freiheit, für bestimmte Abschnitte einer großen Website spezialisierten Stylesheets zu haben. So nehmen Sie die frühere Beispiel, style1.css könnte Seite Hintergrund, Schriftarten und Farben zu definieren und zu jeder Seite in Ihrer Website verwendet werden, während style2.css vielleicht einige besondere Arten nur die vorhanden Videos in Seiten verwendet haben.

In diesem Fall, style1.css würde auf jeder Seite Ihrer Website angewendet werden, aber style2.css würde nur auf Seiten mit Video angewendet werden.