Externe Stylesheets sind eine leistungsstarke Möglichkeit für Webdesigner und -entwickler, einheitliche Stile für eine oder mehrere Websites zu erstellen. Sie sind im Wesentlichen Sammlungen von CSS-Regeln, die in einer separaten Datei gespeichert werden und auf die dann in HTML-Dokumenten verwiesen wird. Auf diese Weise können dieselben Stilregeln auf mehreren Webseiten verwendet werden, was die Pflege des Designs einer Website erleichtert.
Externe Stylesheets bieten mehrere Vorteile gegenüber herkömmlichen Stylesheets. Zu diesen Vorteilen gehören eine höhere Geschwindigkeit und Effizienz, da die externe Stilvorlage einmal geladen und auf mehreren Webseiten verwendet werden kann. Außerdem helfen externe Stylesheets dabei, den Code zu organisieren und erleichtern es, globale Änderungen am Design einer Website vorzunehmen.
Die Erstellung einer externen Stilvorlage ist ein relativ einfacher Prozess. Erstellen Sie zunächst ein neues Textdokument in einem Texteditor und speichern Sie es als .css-Datei. Fügen Sie dann CSS-Regeln zu diesem Dokument hinzu. Sobald das externe Stylesheet erstellt ist, können Sie es mit den HTML-Dokumenten verknüpfen, aus denen Ihre Website besteht.
Um ein externes Style Sheet mit einem HTML-Dokument zu verlinken, müssen Sie zunächst ein -Element in den -Abschnitt des Dokuments einfügen. Dieses Element sollte einen Verweis auf das externe Stylesheet enthalten, der als href-Attribut angegeben werden sollte. Sie könnten zum Beispiel den folgenden Code in den -Abschnitt Ihres HTML-Dokuments einfügen
Es ist auch möglich, mehrere externe Stylesheets mit einem einzigen HTML-Dokument zu verknüpfen. Dazu werden mehrere -Elemente in den -Abschnitt eingefügt, die jeweils einen Verweis auf ein separates externes Stylesheet enthalten.
Wenn mehrere externe Style Sheets mit einem einzigen HTML-Dokument verknüpft werden, ist die Reihenfolge, in der sie verknüpft werden, wichtig. Die in der ersten externen Stilvorlage definierten Stile werden zuerst angewandt, gefolgt von den Stilen in der zweiten externen Stilvorlage und so weiter.
Es ist auch möglich, die in externen Stilvorlagen definierten Regeln außer Kraft zu setzen. Dies geschieht durch Hinzufügen eines Inline-Stils zum HTML-Element. Ein Inline-Stil hat Vorrang vor allen Regeln, die in externen Stilvorlagen definiert sind.
Externe Style Sheets sind im Allgemeinen mit allen modernen Webbrowsern kompatibel. Einige Browser unterstützen jedoch möglicherweise bestimmte Funktionen nicht, z. B. die Verwendung mehrerer externer Stylesheets. Es ist wichtig, dass Sie Ihre Website in mehreren Browsern testen, um die Kompatibilität sicherzustellen.
Ein Stylesheet ist ein Satz von Anweisungen, die einem Webbrowser mitteilen, wie ein Dokument angezeigt werden soll. Sie können z. B. festlegen, welche Schriftarten verwendet werden sollen, wie Überschriften und Absätze angezeigt werden sollen und wie die Seite gestaltet werden soll.
In HTML werden externe Stilvorlagen mit dem -Tag aufgerufen. Der -Tag wird in den Kopfbereich Ihres HTML-Dokuments eingefügt. Sie müssen die Art des Stylesheets, das Sie verwenden, die href (Speicherort des Stylesheets) und den Medientyp angeben.
Hier ist ein Beispiel:
Es gibt drei Arten von Stylesheets:
1. externe Stylesheets
2. interne Stylesheets
3. Inline-Stylesheets
Es gibt drei Arten von CSS:
1. externes CSS
2. internes CSS
3. Inline-CSS
Externe Stylesheets werden verwendet, damit mehrere HTML-Seiten die gleichen Stile verwenden können. Dies ist besonders nützlich, wenn Sie ein einheitliches Erscheinungsbild auf einer Website beibehalten wollen. Externe Stylesheets erleichtern auch globale Änderungen an Ihrer Website, da Sie die Stile nur an einer Stelle aktualisieren müssen.