Heim  >  Artikel  >  Web-Frontend  >  So importieren Sie JS-CSS-Dateien

So importieren Sie JS-CSS-Dateien

anonymity
anonymityOriginal
2019-05-29 16:06:083552Durchsuche

Wie importiere ich JS-CSS-Dateien?

So importieren Sie JS-CSS-Dateien

Externes Stylesheet

Wenn Stile auf viele angewendet werden müssen Für Seiten wäre ein externes Stylesheet ideal. Mit externen Stylesheets können Sie das Aussehen Ihrer gesamten Website ändern, indem Sie eine Datei ändern. Jede Seite verlinkt mit dem 2cdf5bf648cf2f33323966d7f58a7f3f-Tag auf das Stylesheet. Das 2cdf5bf648cf2f33323966d7f58a7f3f-Tag befindet sich im Kopf (des Dokuments):

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Der Browser liest die Stildeklaration aus der Datei mystyle.css und formatiert das Dokument entsprechend.

Externe Stylesheets können in jedem Texteditor bearbeitet werden. Die Datei darf keine HTML-Tags enthalten. Stylesheets sollten mit der Erweiterung .css gespeichert werden.

Mehrere Stilprioritäten

Stylesheets ermöglichen die Angabe von Stilinformationen auf verschiedene Arten. Stile können in einzelnen HTML-Elementen, im Header-Element einer HTML-Seite oder in einer externen CSS-Datei angegeben werden. Sie können sogar mehrere externe Stylesheets innerhalb desselben HTML-Dokuments referenzieren.

Im Allgemeinen ist die Priorität wie folgt:

Inline-Stil > (Interner Stil) Internes Stylesheet > Standardstil des Browsers

Skripte in HTML müssen sich zwischen den Tags 3f1c4e4b6b16bbbd69b2ee476dc4f83a befinden.

Skripte können in den Abschnitten 6c04bd5ca3fcae76e30b72ad730ca86d einer HTML-Seite platziert werden.

Externes JavaScript

Sie können Skripte auch in externen Dateien speichern. Externe Dateien enthalten häufig Code, der von mehreren Webseiten verwendet wird.

Die Dateierweiterung für externe JavaScript-Dateien ist .js.

Um eine externe Datei zu verwenden, legen Sie bitte die .js-Datei im „src“-Attribut des 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tags fest:

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

Sie können das Skript im 93f0f5c25f18dab9d176bd4f6de5d30e-Tag platzieren. oder < ;body>, das im 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag platzierte Skript wird genauso ausgeführt wie das extern referenzierte Skript.

Das obige ist der detaillierte Inhalt vonSo importieren Sie JS-CSS-Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

In Verbindung stehende Artikel

Mehr sehen