Externe Stylesheets und eingebettete CSS-Stylesheets
Es gibt einige Dinge, die externe Stylesheets von eingebetteten Stylesheets unterscheiden.

Eingebettete Stylesheets
In den vorherigen Tutorials haben Sie Beispiele für eingebettete CSS-Stylesheets gesehen und festgestellt, dass der grundlegende CSS-Code für ein eingebettetes Stylesheet mit den Tags beginnt und endet. In diesen Tags befindet sich der CSS-Code, der aus jedem Selektor und seinen jeweiligen Eigenschafts-Wert-Paaren besteht. Schließlich wird der eingebettete Stil im Kopfbereich Ihrer Webseite platziert.

Beispiel



Externe Stylesheets
Externe Stylesheets unterscheiden sich geringfügig, da sie keine Anfangs- und End-Tags haben. Tatsächlich können Sie keine HTML-Tags außer Kommentaren und der @ import-Anweisung haben. Es ist im Grunde eine Textdatei, die nur den CSS-Code enthält.

Beispiel
Körper {Hintergrundfarbe: #ffffff}

p {Schriftgröße: 12pt; Farbe: # 000000; Textausrichtung: Mitte}

Sie können Ihr externes Stylesheet beliebig benennen. Es empfiehlt sich jedoch, der Datei einen Namen zu geben, der den Zweck des CSS-Codes widerspiegelt. Beispielsweise kann der CSS-Code, der den Stil für die Menü-Links auf Ihrer Webseite steuert, als menu.css bezeichnet werden. Obwohl dies optional ist, sollten Sie die Erweiterung .css für Ihre externen Stylesheets verwenden.

Nachdem Sie Ihre externen Stylesheets erstellt haben, können Sie sie auf jeder Webseite verwenden, indem Sie entweder das Tag oder die @ import-Anweisung in den Kopfbereich einfügen.





Video-Anleitungen: Simple JavaScript Slideshow In 5 Minutes (April 2024).