Grundlagen der CSS3-Art-Vererbung

Das Kaskadierung Teil von Cascading Style Sheet (CSS3) sagt alles. Ein Stil am obersten Teil der Seitenhierarchie wird in die unteren Teile der Seite kaskadieren. Durch die Definition eines Stils auf der richtigen Ebene der Hierarchie, reduzieren Sie die Arbeit, die zur Durchführung dieser Stil in allen Orten, die der Stil benötigt wird.

Zum Beispiel, dass ein Stil ist mit den definierten Tag fließt nach unten in die

-Tag. Wenn Sie definiert, bei der den Stil Ebene beschäftigen Sie eine Verknüpfung in Form eines Cascading Style.

Die Verwendung einer Kaskadierung Architektur bedeutet, dass Sie Stile definieren, die die Seite als Ganzes auf einem höheren Niveau als die spezifischen Arten beeinflussen verwendet, um bestimmte Elemente zu definieren.

Zum Beispiel, wenn Ihre Seite in erster Linie auf einer einzigen Schrift angewiesen ist, dann sollten Sie diese Schriftart auf die definieren -Tag. Auch wenn das Document Object Model (DOM) Hierarchie mit dem Dokument beginnt, bewegt sich in Richtung der Wurzel (die Tag), und nur dann spaltet sich in die und Tags, die Tag ist das erste darstellbare Element.

Vererbung kommt auch in einer anderen Form. Sie können Stile an drei verschiedenen Orten zu definieren. Die Lage dieser Definition ändert die Priorität dieses Stils. Hier sind die drei Stil Standorte und ihre Prioritäten:

• Inline (höchste Priorität): Ein Inline-Stil erscheint speziell mit einem bestimmten Objekt. Es ändert nur dieses Objekt und kein anderes Objekt im Dokument oder in einem anderen Dokument. Das Auffinden und einen Inline-Stil zu ändern ist zeitaufwendig und fehleranfällig, so sollten Sie sie vermeiden, wenn möglich.

• Intern: Ein Innen Stil wird im Rahmen der

  interne Styles können Sie in besonderen Pep auf eine bestimmte Seite helfen, bieten, aber Sie sollten einen internen Stil nur verwenden, wenn der Stil nur auf dieser Seite ist, und Sie beabsichtigen, nie irgendwo anders, dass Stil zu verwenden. Vorausgesetzt, dass Sie normalerweise nicht eine solche Garantie zu machen, ist es am besten interne Stile zu vermeiden, wann immer möglich, aber auch so, sie sind bevorzugt Stile Inline.

• Externe (niedrigste Priorität): Ein externer Stil erscheint in einer externen CSS-Datei. Sie müssen einen Verweis auf diese Datei erstellen, indem Sie

  Tag in der eines Dokuments. Die Stile beeinflussen jedes Dokument an die CSS-Datei verknüpft.

  Mit diesem Ansatz macht Updates einfacher und gibt Ihrer Website ein einheitliches Erscheinungsbild insgesamt. Darüber hinaus macht externe Stile mit leicht es für Menschen mit besonderen Bedürfnissen einen alternativen Stylesheet zu liefern, die besser ihren Bedürfnissen entspricht.

  Sie können beliebig viele externe Stylesheets assoziieren als mit einer Seite benötigt durch Verwendung mehrerer Tags. Dieser Ansatz ermöglicht es Ihnen Stile aus verschiedenen Quellen verwenden, so dass Sie Ihre Seite mit dem geringsten Aufwand formatieren.

  Externe Stylesheets werden in der Reihenfolge abgearbeitet, in der sie erscheinen. Wenn zwei CSS-Dateien den gleichen Stil Namen enthalten, die die gleichen Eigenschaften ändern, verarbeitet der Stil zuletzt ist der Stil, der Vorrang hat.

Die endgültige Höhe der Erbschaft zu prüfen, ist der Wähler selbst. Sie können Selektoren erstellen, die innerhalb von anderen Objekten oder dass erfüllen besondere Kriterien enthielt nur auf Objekte handeln. Eine spezifische Wähler außer Kraft setzen immer die von einem allgemeinen Selektor versehen Einstellungen, so sollten Sie diese Technik nur verwenden, wenn nötig (man stelle sich versuchen, alle diese spezifischen Änderungen in allen Dateien auf Ihrer Website zu finden).

Je spezifischer die Wähler, desto größer ist seine Priorität wird. Allerdings müssen Sie die Auswirkungen des Wahlniveau innerhalb des Dokuments zu berücksichtigen - und die Art und Weise, in der der Stil definiert wird - als Teil des Gesamtbildes.